feat: added PWA support

* Added  PWA plugin

* Added  PWA plugin

* Added custom app icons

* Added Pwa custom parameters in vue.config.js

Closes InternetHealthReport#33

Author: thisiskaransgit

Diff for: package.json

@@ -5,9 +5,9 @@
   "scripts": {
     "serve": "vue-cli-service serve",
     "build": "vue-cli-service build",
+    "test:unit": "vue-cli-service test:unit",
     "lint": "vue-cli-service lint",
-    "i18n:report": "vue-cli-service i18n:report --src './src/**/*.?(js|vue)' --locales './src/locales/**/*.json'",
-    "test:unit": "vue-cli-service test:unit"
+    "i18n:report": "vue-cli-service i18n:report --src './src/**/*.?(js|vue)' --locales './src/locales/**/*.json'"
   },
   "dependencies": {
     "@quasar/extras": "^1.5.2",
@@ -23,6 +23,7 @@
     "plotly.js-dist": "^1.52.3",
     "postcss-plugins": "^1.13.1",
     "quasar": "^1.15.22",
+    "register-service-worker": "^1.7.2",
     "swagger-ui": "^3.25.0",
     "timeline-vuejs": "^1.1.1",
     "vue": "^2.6.11",
@@ -39,6 +40,7 @@
     "@kazupon/vue-i18n-loader": "^0.5.0",
     "@vue/cli-plugin-babel": "^3.12.1",
     "@vue/cli-plugin-eslint": "^3.12.1",
+    "@vue/cli-plugin-pwa": "^4.5.17",
     "@vue/cli-plugin-unit-jest": "^3.12.1",
     "@vue/cli-service": "^3.12.1",
     "@vue/composition-api": "^1.1.5",

Diff for: public/img/icons/android-chrome-192x192.png

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

Diff for: public/img/icons/android-chrome-512x512.png

@@ -10,6 +10,7 @@ import '@/styles/main.styl'
 import '@/styles/ihr.style.styl'
 import IhrStyle from './plugins/IhrStyle'
 import Fragment from 'vue-fragment'
+import './registerServiceWorker'
 //import LoadScript from 'vue-plugin-load-script';
 
 //external plugin

Diff for: 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)
+    }
+  })
+}

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

@@ -9,6 +9,15 @@ module.exports = {
     },
     open: 'Google Chrome',
   },
+  pwa: {
+    name : 'Internet Health Report',
+    shortName : 'IHR',
+    themeColor : '#343434',
+    workboxOptions: {
+      skipWaiting: true,
+      clientsClaim: true,
+    }
+  },
   chainWebpack: webpackConfig => {
     webpackConfig.module
       .rule('ify-loader')