Version from package.json

src/main/index.js

@@ -4,6 +4,7 @@ import { app, BrowserWindow } from 'electron';
 import * as path from 'path';
 import { format as formatUrl } from 'url';
 import installExtension, { VUEJS_DEVTOOLS } from 'electron-devtools-installer';
+import { autoUpdater } from 'electron-updater';
 
 import ipcHandlers from './ipc-handlers';
 
@@ -64,6 +65,10 @@ function createMainWindow () {
    // Initialize ipcHandlers
    ipcHandlers();
 
+   autoUpdater.checkForUpdatesAndNotify();
+   autoUpdater.logger = require('electron-log');
+   autoUpdater.logger.transports.file.level = 'info';
+
    return window;
 };
 
@@ -84,3 +89,12 @@ app.on('activate', () => {
 app.on('ready', () => {
    mainWindow = createMainWindow();
 });
+
+// auto-updater events
+autoUpdater.on('update-available', () => {
+   mainWindow.webContents.send('update_available');
+});
+
+autoUpdater.on('update-downloaded', () => {
+   mainWindow.webContents.send('update_downloaded');
+});

src/renderer/components/ModalSettings.vue

@@ -75,7 +75,7 @@
                      <img src="logo.svg" width="128">
                      <h4>{{ appName }}</h4>
                      <p>
-                        {{ $t('word.version') }}: 0.0.0<br>
+                        {{ $t('word.version') }}: {{ appVersion }}<br>
                         <a class="c-hand" @click="openOutside('https://github.com/Fabio286/antares')">GitHub</a>
                      </p>
                   </div>
@@ -102,6 +102,7 @@ export default {
    computed: {
       ...mapGetters({
          appName: 'application/appName',
+         appVersion: 'application/appVersion',
          selectedLocale: 'settings/getLocale'
       }),
       locales () {

src/renderer/store/modules/application.store.js

@@ -4,6 +4,7 @@ export default {
    strict: true,
    state: {
       app_name: 'Antares - SQL Client',
+      app_version: process.env.PACKAGE_VERSION || 0,
       is_loading: false,
       is_new_modal: false,
       is_edit_modal: false,
@@ -13,6 +14,7 @@ export default {
    getters: {
       isLoading: state => state.is_loading,
       appName: state => state.app_name,
+      appVersion: state => state.app_version,
       getSelectedConnection: state => state.selected_conection,
       isNewModal: state => state.is_new_modal,
       isEditModal: state => state.is_edit_modal,