Add PWA

src/components/MainToolbar.vue

@@ -13,7 +13,7 @@
     >
       <img
         class="icon"
-        src="favicon.ico"
+        src="img/icons/favicon-192x192.png"
       >
       <span class="title hidden-sm-and-down ml-3 mr-5">
         qBittorrent Web UI

src/main.ts

@@ -15,6 +15,7 @@ import App from './App.vue';
 
 import 'roboto-fontface/css/roboto/roboto-fontface.css';
 import '@mdi/font/css/materialdesignicons.css';
+import './registerServiceWorker';
 
 Vue.config.productionTip = false;
 

src/registerServiceWorker.ts

@@ -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)
+    }
+  })
+}