diff --git a/public/favicon.ico b/public/favicon.ico
deleted file mode 100644
index c7b9a43c..00000000
Binary files a/public/favicon.ico and /dev/null differ
diff --git a/public/index.html b/public/index.html
index 635c6f20..81b7df82 100644
--- a/public/index.html
+++ b/public/index.html
@@ -4,8 +4,7 @@
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="IE=edge">
     <meta name="viewport" content="width=device-width,initial-scale=1.0">
-    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
-    <title>TheDesk-Vue</title>
+    <title><%= htmlWebpackPlugin.options.title %></title>
   </head>
   <body>
     <noscript>
diff --git a/src/background.js b/src/background.js
index 890eeddc..f44f0838 100644
--- a/src/background.js
+++ b/src/background.js
@@ -116,7 +116,7 @@ const template = [
       { role: 'paste' },
       { role: 'pasteandmatchstyle' },
       { role: 'delete' },
-      { role: 'selectall' }
+      { role: 'selectall' },
     ]
   },
   {
@@ -126,14 +126,14 @@ const template = [
       { role: 'forcereload' },
       { role: 'toggledevtools' },
       { type: 'separator' },
-      { role: 'togglefullscreen' }
+      { role: 'togglefullscreen' },
     ]
   },
   {
     role: 'Window',
     submenu: [
       { role: 'minimize' },
-      { role: 'close' }
+      { role: 'close' },
     ]
   },
   {
@@ -160,7 +160,7 @@ if (process.platform === 'darwin') {
     { role: 'hideothers' },
     { role: 'unhide' },
     { type: 'separator' },
-    { role: 'quit' }
+    { role: 'quit' },
   )
 
   template[1].submenu.push(
@@ -169,7 +169,7 @@ if (process.platform === 'darwin') {
       label: 'Speech',
       submenu: [
         { role: 'startspeaking' },
-        { role: 'stopspeaking' }
+        { role: 'stopspeaking' },
       ]
     }
   )
@@ -179,7 +179,7 @@ if (process.platform === 'darwin') {
     { role: 'minimize' },
     { role: 'zoom' },
     { type: 'separator' },
-    { role: 'front' }
+    { role: 'front' },
   ]
 }
 
diff --git a/src/App.vue b/src/index/Index.vue
similarity index 80%
rename from src/App.vue
rename to src/index/Index.vue
index fcc56627..04064591 100644
--- a/src/App.vue
+++ b/src/index/Index.vue
@@ -1,12 +1,12 @@
 <template>
   <div id="app">
-    <img alt="Vue logo" src="./assets/logo.png">
+    <img alt="Vue logo" src="@/assets/logo.png">
     <HelloWorld msg="Welcome to Your Vue.js App"/>
   </div>
 </template>
 
 <script>
-import HelloWorld from './components/HelloWorld.vue'
+import HelloWorld from '@/components/HelloWorld.vue'
 
 export default {
   name: 'app',
diff --git a/src/main.js b/src/index/main.js
similarity index 59%
rename from src/main.js
rename to src/index/main.js
index 63eb05f7..b28fa51a 100644
--- a/src/main.js
+++ b/src/index/main.js
@@ -1,8 +1,8 @@
 import Vue from 'vue'
-import App from './App.vue'
+import Index from './Index.vue'
 
 Vue.config.productionTip = false
 
 new Vue({
-  render: h => h(App),
+  render: h => h(Index),
 }).$mount('#app')
diff --git a/vue.config.js b/vue.config.js
index 3326afc3..a847a153 100644
--- a/vue.config.js
+++ b/vue.config.js
@@ -1,5 +1,15 @@
 
+const { productName } = require("./package.json")
+
 module.exports = {
+  pages: {
+    index: {
+      entry: 'src/index/main.js',
+      template: 'public/index.html',
+      filename: 'index.html',
+      title: productName,
+    },
+  },
   css: {
     loaderOptions: {
       postcss: {
