support offline by service worker

apps/frontend/src/App.vue

@@ -13,7 +13,15 @@ const debug = (...data: unknown[]) => {
 
 provide('debug', debug)
 
-registerServiceWorker()
+const serviceWorkerPromise = registerServiceWorker()
+
+onMounted(async () => {
+  await serviceWorkerPromise
+  navigator.serviceWorker?.controller?.postMessage({
+    type: 'UPDATE_STATIC_ASSETS',
+  })
+  console.log('Message sent to Service Worker: UPDATE_STATIC_ASSETS')
+})
 // .then(() => {
 //   // console.log('Service Worker успешно зарегистрирован')
 //   navigator.serviceWorker.addEventListener('message', (event) => {

apps/frontend/src/layouts/LayoutWithTabs.vue

@@ -22,12 +22,12 @@
         <span> </span>
         <span class="text-nowrap">
           Будем рады
-          <a
-            href="/donate"
+          <RouterLink
+            to="/donate"
             class="underline underline-offset-2 text-primary-600 dark:text-primary-400"
           >
             вашей поддержке
-          </a>
+          </RouterLink>
         </span>
       </footer>
     </slot>

apps/frontend/src/registerServiceWorker.ts

@@ -29,7 +29,7 @@ export async function registerServiceWorker() {
   //     },
   //     {},
   //   )
-  //
+
   return registration
   // } catch (error) {
   //   console.error('Ошибка регистрации Service Worker:', error)

apps/frontend/src/views/ReadQRCodeView.vue

@@ -27,17 +27,17 @@
     >
       <p>
         Нужен такой же?
-        <a
-          href="/create"
+        <RouterLink
+          to="/create"
           class="underline underline-offset-2 text-primary-600 dark:text-primary-400"
-          >Создайте свой QR‑код</a
+          >Создайте свой QR‑код</RouterLink
         >.
       </p>
       <p class="mt-1">
-        Сделайте НаСвязи удобнее. Будем рады вашей&nbsp;<a
-          href="/donate"
+        Сделайте НаСвязи удобнее. Будем рады вашей&nbsp;<RouterLink
+          to="/donate"
           class="underline underline-offset-2 text-primary-600 dark:text-primary-400"
-          >поддержке</a
+          >поддержке</RouterLink
         >.
       </p>
     </footer>