fix: Make changes as per review comments

app.vue

@@ -23,6 +23,11 @@ const { cacheValue } = useCache()
 const { currencyList } = storeToRefs(useCurrencyStore())
 const { initProvider, reconnect } = useWalletConnectProvider()
 const { formatMessage } = useIntl()
+const swHasUpgrade = ref<boolean>(false)
+
+// Make the service worker update available to the rest of the app
+// any view can use inject('swHasUpgrade') to access this value
+provide('swHasUpgrade', swHasUpgrade)
 
 const setupTranslations = () => {
   useIntl().setupIntl(defaultConfig)
@@ -217,7 +222,6 @@ useHead({
     }),
   },
 })
-const hasUpgrade = ref<boolean>(false)
 if ('serviceWorker' in navigator) {
   navigator.serviceWorker.register('/sw.js').then(registration => {
     // Listen for updates
@@ -226,19 +230,13 @@ if ('serviceWorker' in navigator) {
       if (newWorker) {
         newWorker.addEventListener('statechange', () => {
           if (newWorker.state === 'activated') {
-            // Notify the user that an update is available
-            console.log('A new version is available. Please refresh.')
-            hasUpgrade.value = true
-            // Optionally, prompt the user for a refresh, or defer it to a better time.
+            swHasUpgrade.value = true
           }
         })
       }
     })
   })
 }
-// Make the service worker update available to the rest of the app
-// any view can use
-provide('swHasUpgrade', hasUpgrade)
 </script>
 
 <template>

nuxt.config.ts

@@ -221,13 +221,6 @@ export default defineNuxtConfig({
     injectManifest: {
       globPatterns: ['**/*.{js,css,html,png,svg,ico}'],
     },
-    // We don't actually use the client stub at all.
-    // client: {
-    //   installPrompt: true,
-    //   // you don't need to include this: only for testing purposes
-    //   // if enabling periodic sync for update use 1 hour or so (periodicSyncForUpdates: 3600)
-    //   // periodicSyncForUpdates: 20,
-    // },
     resolve: {
       alias: {
         process: 'process/browser',