From a6e7ef37cd7bd530c93db364b1a5652badd8b2b8 Mon Sep 17 00:00:00 2001
From: Mamalizz <mohammad.hosein.ghorbani82@gmail.com>
Date: Thu, 6 Mar 2025 18:03:52 +0330
Subject: [PATCH] added pwa modal in app.vue

---
 frontend/app.vue | 18 +++++++++++++++---
 1 file changed, 15 insertions(+), 3 deletions(-)

diff --git a/frontend/app.vue b/frontend/app.vue
index 8f275a0..7c4c63c 100644
--- a/frontend/app.vue
+++ b/frontend/app.vue
@@ -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>