Merge pull request #24 from SpringRoll/feature/presistent-state

Feature/presistent state

Author: chipbell4

package-lock.json

@@ -7,6 +7,7 @@
     "serve": "vue-cli-service serve",
     "build": "vue-cli-service build",
     "lint": "eslint --ext .js,.vue src",
+    "dev": "npm run electron:serve",
     "electron:build": "vue-cli-service electron:build",
     "electron:serve": "vue-cli-service electron:serve",
     "postinstall": "electron-builder install-app-deps",
@@ -18,14 +19,17 @@
   "main": "background.js",
   "dependencies": {
     "core-js": "^3.6.5",
-    "vue": "^2.6.11"
+    "electron-store": "^6.0.0",
+    "vue": "^2.6.11",
+    "vuex": "^3.5.1"
   },
   "devDependencies": {
     "@vue/cli-plugin-babel": "~4.4.0",
     "@vue/cli-service": "~4.4.0",
     "babel-eslint": "^10.1.0",
     "chai": "^4.2.0",
     "css-loader": "^4.0.0",
+    "deepmerge": "^4.2.2",
     "electron": "^9.0.0",
     "electron-devtools-installer": "^3.1.0",
     "eslint": "^6.7.2",

package.json

@@ -3,6 +3,7 @@
 import { app, protocol, BrowserWindow } from 'electron';
 import { createProtocol } from 'vue-cli-plugin-electron-builder/lib';
 import installExtension, { VUEJS_DEVTOOLS } from 'electron-devtools-installer';
+
 const isDevelopment = process.env.NODE_ENV !== 'production';
 
 // Keep a global reference of the window object, if you don't, the window will

src/main/index.js

@@ -1,18 +1,24 @@
 <template>
   <div id="app">
-    <div class="test">This is a test</div>
+    <div class="test">{{ test }} : This is a test</div>
     <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 { mapState } from 'vuex';
 
 export default {
   name: 'App',
   components: {
     HelloWorld
+  },
+  computed: {
+    ...mapState({
+      test: state => state.projectInfo.test
+    })
   }
 };
 </script>

src/renderer/App.vue

@@ -1,8 +1,10 @@
 import Vue from 'vue';
 import App from './App.vue';
+import store from './store';
 
 Vue.config.productionTip = false;
 
 new Vue({
+  store,
   render: h => h(App),
 }).$mount('#app');