Add notification of new content

src/App.vue

@@ -3,18 +3,30 @@ import {watchEffect} from 'vue';
 import {storeToRefs} from 'pinia';
 import {useI18n} from 'vue-i18n';
 import {RouterView, useRoute} from 'vue-router';
+import {useRegisterSW} from 'virtual:pwa-register/vue';
 import {useActivityStore} from '@/stores/activityStore';
 import {useAppStateStore} from '@/stores/appStateStore';
 import NavBar from '@/components/NavBar.vue';
 import ToastContainer from '@/components/ToastContainer.vue';
 
+const {addToastMessage} = useAppStateStore();
+
 const {t, locale} = useI18n();
 
 const route = useRoute();
 
 const {allVeggies} = storeToRefs(useActivityStore());
 const {settings} = storeToRefs(useAppStateStore());
 
+const {updateServiceWorker} = useRegisterSW({
+  immediate: true,
+  async onNeedRefresh() {
+    addToastMessage(t('general.updateReady'));
+    await updateServiceWorker();
+    window.location.reload();
+  },
+});
+
 watchEffect(() => {
   locale.value = settings.value.locale;
 });

src/i18n/en.json

@@ -106,7 +106,8 @@
     "clickToAdd": "Add {0}",
     "clickToRemove": "Remove {0}",
     "close": "Close",
-    "start": "Start"
+    "start": "Start",
+    "updateReady": "The app has been updated with latest content."
   },
   "home": {
     "info": "Learn more",

src/i18n/fi.json

@@ -106,7 +106,8 @@
     "clickToAdd": "Lisää {0}",
     "clickToRemove": "Poista {0}",
     "close": "Sulje",
-    "start": "Aloita"
+    "start": "Aloita",
+    "updateReady": "Sovellus on päivitetty uuteen versioon."
   },
   "home": {
     "info": "Lue lisää",