From b6a24b71ebd25c68236bad7ab763999e5f87ff30 Mon Sep 17 00:00:00 2001
From: younglei <youngleish@gmail.com>
Date: Tue, 14 Jun 2022 20:56:24 +0800
Subject: [PATCH] feat: Electron Demo

---
 src/App.vue | 33 ++++++++++++++++++++++++++++++++-
 src/main.ts |  5 ++++-
 2 files changed, 36 insertions(+), 2 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 3089f87..fb02877 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -5,8 +5,18 @@ import HelloWorld from './components/HelloWorld.vue'
 </script>
 
 <template>
-  <img alt="Vue logo" src="./assets/vue.png" />
+  <div class="logo-box">
+    <img style="height:140px;" src="./assets/electron.png" >
+    <span/>
+    <img style="height:140px;" src="./assets/vite.svg" >
+    <span/>
+    <img style="height:140px;" src="./assets/vue.png" >
+  </div>
   <HelloWorld msg="Hello Vue 3 + TypeScript + Vite" />
+  <div class="static-public">
+    Place static files into the <code>/public</code> folder
+    <img style="width:77px;" :src="'./node.png'" >
+  </div>
 </template>
 
 <style>
@@ -18,4 +28,25 @@ import HelloWorld from './components/HelloWorld.vue'
   color: #2c3e50;
   margin-top: 60px;
 }
+
+.logo-box {
+  display: flex;
+  width: 100%;
+  justify-content: center;
+}
+.logo-box span {
+  width: 74px;
+}
+.static-public {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.static-public code {
+  background-color: #eee;
+  padding: 2px 4px;
+  margin: 0 4px;
+  border-radius: 4px;
+  color: #304455;
+}
 </style>
diff --git a/src/main.ts b/src/main.ts
index 01433bc..5b91e1f 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -1,4 +1,7 @@
 import { createApp } from 'vue'
 import App from './App.vue'
+import './samples/node-api'
 
-createApp(App).mount('#app')
+createApp(App)
+  .mount('#app')
+  .$nextTick(window.removeLoading)