actually decent service worker wip

vue/src/registerServiceWorker.js

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

vue/src/sw.js

@@ -0,0 +1,39 @@
+// These JavaScript module imports need to be bundled:
+import {precacheAndRoute} from 'workbox-precaching';
+import {registerRoute} from 'workbox-routing';
+import {CacheFirst, NetworkFirst, StaleWhileRevalidate} from 'workbox-strategies';
+
+precacheAndRoute(self.__WB_MANIFEST);
+
+registerRoute(
+    ({request}) => request.destination === 'image',
+    new CacheFirst({cacheName: 'images'}),
+);
+
+registerRoute(
+    ({request}) => request.destination === 'script' || request.destination === 'style',
+    new StaleWhileRevalidate({
+        cacheName: 'assets'
+    })
+)
+
+registerRoute(
+    new RegExp('jsi18n/'),
+    new StaleWhileRevalidate({
+        cacheName: 'assets'
+    })
+)
+
+registerRoute(
+    new RegExp('api/*'),
+    new NetworkFirst({
+        cacheName: 'api'
+    })
+)
+
+registerRoute(
+    ({request}) => request.destination === 'document',
+    new NetworkFirst({
+        cacheName: 'html'
+    })
+)