adesso le preferenze di sistema vengono salvate

package.json

@@ -1,6 +1,6 @@
 {
   "name": "vue-calc",
-  "version": "0.18.03.30",
+  "version": "0.18.03.31",
   "author": "el3um4s <[email protected]>",
   "description": "An electron-vue project",
   "license": "MIT",
@@ -56,6 +56,7 @@
   "dependencies": {
     "axios": "^0.16.1",
     "decimal.js": "^9.0.1",
+    "electron-store": "^1.3.0",
     "mdi": "^2.1.99",
     "vue": "^2.4.2",
     "vue-electron": "^1.0.6",

src/main/index.js

@@ -1,8 +1,15 @@
 'use strict'
 
 import { app, BrowserWindow } from 'electron'
-// import { autoUpdater } from 'electron-updater'
-// const path = require('path')
+
+const Impostazioni = require('electron-store')
+const impostazioni = new Impostazioni({
+  name: 'impostazioni',
+  defaults: {
+    windowBounds: { width: 340, height: 550 },
+    settings: { temaDark: 'dark', formatNumber: 'it-IT', decimalPlaces: 5 }
+  }
+})
 
 /**
  * Set `__static` path to static files in production
@@ -17,19 +24,22 @@ const winURL = process.env.NODE_ENV === 'development'
   ? `http://localhost:9080`
   : `file://${__dirname}/index.html`
 
+// impostazioni.set({
+//   windowBounds: {
+//     width: 340,
+//     height: 550
+//   }
+// })
+
 function createWindow () {
   /**
    * Initial window options
    */
-  // mainWindow = new BrowserWindow({
-  //   height: 563,
-  //   useContentSize: true,
-  //   width: 1000
-  // })
+  let { width, height } = impostazioni.get('windowBounds')
 
   mainWindow = new BrowserWindow({
-    height: 550,
-    width: 340,
+    height: height,
+    width: width,
     minHeight: 550,
     // useContentSize: true,
     minWidth: 340
@@ -40,6 +50,11 @@ function createWindow () {
   mainWindow.on('closed', () => {
     mainWindow = null
   })
+
+  mainWindow.on('resize', () => {
+    let { width, height } = mainWindow.getBounds()
+    impostazioni.set('windowBounds', { width, height })
+  })
 }
 
 app.on('ready', createWindow)

src/renderer/App.vue

@@ -11,11 +11,20 @@
 </template>
 
 <script>
-import { mapGetters } from 'vuex'
+import { mapGetters, mapMutations } from 'vuex'
 
 import ToolbarENavigation from './components/UIview/ToolbarENavigation.vue'
 import Footer from './components/UIview/Footer.vue'
 
+const Impostazioni = require('electron-store')
+const impostazioni = new Impostazioni({
+  name: 'impostazioni',
+  defaults: {
+    windowBounds: { width: 340, height: 550 },
+    settings: { temaDark: 'dark', formatNumber: 'it-IT', decimalPlaces: 5 }
+  }
+})
+
 export default {
   name: 'vue-calc',
   components: {
@@ -26,6 +35,20 @@ export default {
     ...mapGetters('menu', {
       darkTheme: 'darkTheme'
     })
+  },
+  methods: {
+    ...mapMutations('calculus', {
+      cambiaFormatoNumero: 'cambiaFormatoNumero',
+      cambiaNumeroDecimali: 'cambiaNumeroDecimali'
+    }),
+    ...mapMutations('menu', {
+      cambiaTema: 'cambiaTema'
+    })
+  },
+  mounted () {
+    this.cambiaFormatoNumero(impostazioni.get('settings.formatNumber'))
+    this.cambiaNumeroDecimali(impostazioni.get('settings.decimalPlaces'))
+    this.cambiaTema(impostazioni.get('settings.temaDark'))
   }
 }
 </script>

src/renderer/components/InfosView.vue

@@ -27,6 +27,7 @@
           <li class="itemInElenco openLink" @click.prevent="openLink('https://fonts.google.com/specimen/Roboto')">Google Font Roboto</li>
           <li class="itemInElenco openLink" @click.prevent="openLink('https://fonts.google.com/specimen/Mina')">Google Font Mina</li>
           <li class="itemInElenco openLink" @click.prevent="openLink('https://github.com/iFgR/vue-shortkey')">vue-shortkey</li>
+          <li class="itemInElenco openLink" @click.prevent="openLink('https://github.com/sindresorhus/electron-store')">electron-store</li>
         </div>
       </v-card-text>
     </v-card>

src/renderer/components/SettingsView.vue

@@ -35,6 +35,14 @@
 
 <script>
 import { mapGetters, mapMutations } from 'vuex'
+const Impostazioni = require('electron-store')
+const impostazioni = new Impostazioni({
+  name: 'impostazioni',
+  defaults: {
+    windowBounds: { width: 340, height: 550 },
+    settings: { temaDark: 'dark', formatNumber: 'it-IT', decimalPlaces: 5 }
+  }
+})
 
 export default {
   data () {
@@ -65,12 +73,15 @@ export default {
     }),
     aggiornaFormatoNumero () {
       this.cambiaFormatoNumero(this.linguaSelezionata)
+      impostazioni.set('settings.formatNumber', this.linguaSelezionata)
     },
     aggiornaPosizioniDecimali () {
       this.cambiaNumeroDecimali(this.posizioniDecimali)
+      impostazioni.set('settings.decimalPlaces', this.posizioniDecimali)
     },
     aggiornaTema () {
       this.cambiaTema(this.temaSelezionato === 'dark')
+      impostazioni.set('settings.temaDark', this.temaSelezionato === 'dark')
     }
   },
   mounted () {

src/renderer/store/modules/menu.js

@@ -1,7 +1,7 @@
 const state = {
   dark: false,
   drawer: false,
-  version: '0.18.03.30',
+  version: '0.18.03.31',
   items: [
     // {
     //   header: 'Formato'