PWA(Progressive web app) support added

Author: lybekk

package.json

@@ -36,6 +36,7 @@
     "pouchdb-debug": "^7.2.1",
     "pouchdb-find": "^7.2.1",
     "pouchdb-live-find": "^0.4.0",
+    "register-service-worker": "^1.7.1",
     "vue": "^2.6.10",
     "vue-chartjs": "^3.5.0",
     "vue-router": "^3.1.5",
@@ -46,6 +47,7 @@
     "@mdi/font": "^4.8.95",
     "@vue/cli-plugin-babel": "^4.1.0",
     "@vue/cli-plugin-eslint": "^4.1.0",
+    "@vue/cli-plugin-pwa": "^4.3.1",
     "@vue/cli-plugin-router": "^4.1.0",
     "@vue/cli-plugin-vuex": "^4.1.0",
     "@vue/cli-service": "^4.1.0",

public/img/icons/android-chrome-192x192.png

@@ -0,0 +1,2 @@
+User-agent: *
+Disallow:

public/img/icons/android-chrome-512x512.png

@@ -3,6 +3,7 @@ import App from './App.vue'
 import router from './router'
 import store from './store'
 import vuetify from './plugins/vuetify';
+import './registerServiceWorker'
 
 Vue.config.productionTip = false
 

public/img/icons/android-chrome-maskable-192x192.png

@@ -0,0 +1,32 @@
+/* eslint-disable no-console */
+
+import { register } from 'register-service-worker'
+
+if (process.env.NODE_ENV === 'production') {
+  register(`${process.env.BASE_URL}service-worker.js`, {
+    ready () {
+      console.log(
+        'App is being served from cache by a service worker.\n' +
+        'For more details, visit https://goo.gl/AFskqB'
+      )
+    },
+    registered () {
+      console.log('Service worker has been registered.')
+    },
+    cached () {
+      console.log('Content has been cached for offline use.')
+    },
+    updatefound () {
+      console.log('New content is downloading.')
+    },
+    updated () {
+      console.log('New content is available; please refresh.')
+    },
+    offline () {
+      console.log('No internet connection found. App is running in offline mode.')
+    },
+    error (error) {
+      console.error('Error during service worker registration:', error)
+    }
+  })
+}

public/img/icons/android-chrome-maskable-512x512.png

@@ -10,5 +10,21 @@ module.exports = {
         "artifactName": "${productName}_desktop.${ext}"
       }
     }
+  },
+  pwa: {
+    name: 'pimpim',
+    themeColor: '#4DBA87',
+    msTileColor: '#000000',
+    appleMobileWebAppCapable: 'yes',
+    appleMobileWebAppStatusBarStyle: 'black',
+    //workboxPluginMode: 'InjectManifest',
+    workboxPluginMode: 'GenerateSW',
+    /* no need for InjectManifest yet. 
+    workboxOptions: {
+      // swSrc is required in InjectManifest mode.
+      swSrc: 'src/service-worker.js',
+      // ...other Workbox options...
+    }
+    */
   }
 }