added pwa modal in app.vue

2025-03-06 18:03:52 +03:30
parent 9b73d4c295
commit a6e7ef37cd
1 changed files with 15 additions and 3 deletions
@@ -1,15 +1,28 @@
 <script setup>
 import { VueQueryDevtools } from "@tanstack/vue-query-devtools";
+
+// state
+
+const {
+    $updateAvailable: updateAvailable,
+    $handleUpdate: handleUpdate,
+    $handleUpdateAvailable: handleUpdateAvailable,
+} = useNuxtApp();
 </script>

 <template>
    <div>
        <LoadingIndicator />

-        <NuxtRouteAnnouncer />
+        <NuxtPwaManifest />
+
+        <UpdatePwaModal
+            :isShow="updateAvailable"
+            @update="handleUpdate"
+            @close="handleUpdateAvailable"
+        />

        <NuxtLayout>
-
            <ToastProvider>
                <NuxtPage />

@@ -21,6 +34,5 @@ import { VueQueryDevtools } from "@tanstack/vue-query-devtools";
        </NuxtLayout>

        <VueQueryDevtools dir="ltr" buttonPosition="bottom-left" />
-
    </div>
 </template>