webpack configurations / parsing vue files

src/renderer/_vue/index.js

@@ -2,9 +2,6 @@ import "../../common/system-ca"
 import "./assets/css/app.scss"
 import "prismjs";
 import "prismjs/components/prism-yaml"
-import "prismjs/themes/prism-tomorrow.css";
-import "vue-prism-editor/dist/VuePrismEditor.css";
-
 import { remote } from "electron"
 import Vue from 'vue'
 import VueElectron from 'vue-electron'
@@ -33,18 +30,19 @@ Vue.mixin({
   }
 })
 
-export function appInitVue() {
-  setTimeout(async () => {
-    try {
-      await store.dispatch('init');
-      new Vue({
-        components: {App},
-        store,
-        router,
-        template: '<App/>'
-      }).$mount('#app_vue')
-    } catch (err) {
-      console.error(err)
-    }
-  })
+// run
+setTimeout(main, 250);
+
+export async function main() {
+  try {
+    await store.dispatch('init');
+    new Vue({
+      components: {App},
+      store,
+      router,
+      template: '<App/>'
+    }).$mount('#app_vue')
+  } catch (err) {
+    console.error(err)
+  }
 }

src/renderer/components/app.tsx

@@ -81,3 +81,6 @@ export class App extends React.Component {
     )
   }
 }
+
+// run
+App.init();

src/renderer/template.html

@@ -15,6 +15,7 @@ and Electron <script>document.write(process.versions.electron)</script>.
 <div id="app_vue"></div>
 
 <script src="dll.js"></script>
+<script src="renderer_vue.js"></script>
 
 </body>
 </html>