tried fixing infinite loop

frontend/nuxt.config.ts

@@ -6,45 +6,45 @@ export default defineNuxtConfig({
     css: [
         "~/assets/css/tailwind.css",
         "swiper/css",
-        "animate.css/animate.min.css"
+        "animate.css/animate.min.css",
     ],
 
     routeRules: {
-        "/products": { prerender: false, ssr: false }
+        "/products": { prerender: false, ssr: false },
     },
 
     app: {
         head: {
-            title: "فروشگاه هی ملز"
+            title: "فروشگاه هی ملز",
         },
         pageTransition: {
             enterActiveClass:
                 "animate__animated animate__fadeIn animate__faster",
             leaveActiveClass:
                 "animate__animated animate__fadeOut animate__faster",
-            mode: "out-in"
+            mode: "out-in",
         },
         layoutTransition: {
             enterActiveClass:
                 "animate__animated animate__fadeIn animate__faster",
             leaveActiveClass:
                 "animate__animated animate__fadeOut animate__faster",
-            mode: "out-in"
-        }
+            mode: "out-in",
+        },
     },
 
     postcss: {
         plugins: {
             "@tailwindcss/postcss": {},
-            autoprefixer: {}
-        }
+            autoprefixer: {},
+        },
     },
 
     components: [
         {
             path: "~/components",
-            pathPrefix: false
-        }
+            pathPrefix: false,
+        },
     ],
 
     icon: {
@@ -52,9 +52,9 @@ export default defineNuxtConfig({
         customCollections: [
             {
                 prefix: "ci",
-                dir: "./public/icons"
-            }
-        ]
+                dir: "./public/icons",
+            },
+        ],
     },
 
     modules: [
@@ -65,21 +65,23 @@ export default defineNuxtConfig({
                     "DM Sans": "100..900",
                     Inter: "100..900",
                     download: true,
-                    inject: false
-                }
-            }
+                    inject: false,
+                },
+            },
         ],
         "@nuxt/icon",
         "reka-ui/nuxt",
         "@vueuse/nuxt",
         "@formkit/auto-animate/nuxt",
-        "@vite-pwa/nuxt"
+        "@vite-pwa/nuxt",
     ],
 
     pwa: {
         strategies: "injectManifest",
         srcDir: "public",
         filename: "sw.js",
+        registerType:
+            process.env.NODE_ENV === "production" ? "autoUpdate" : "prompt",
         manifest: {
             name: "Heymlz",
             short_name: "Heymlz",
@@ -88,27 +90,30 @@ export default defineNuxtConfig({
                 {
                     src: "/logo/logo-192x192.png",
                     sizes: "192x192",
-                    type: "image/png"
+                    type: "image/png",
                 },
                 {
                     src: "/logo/logo-512x512.png",
                     sizes: "512x512",
-                    type: "image/png"
-                }
-            ]
+                    type: "image/png",
+                },
+            ],
         },
         workbox: {
             navigateFallback: "/",
             clientsClaim: true,
-            skipWaiting: true
+            skipWaiting: true,
+        },
+        devOptions: {
+            enabled: process.env.NODE_ENV === "production",
+            type: "module",
         },
-        devOptions: { enabled: true, type: "module" }
     },
 
     runtimeConfig: {
         public: {
             API_BASE_URL: process.env.API_BASE_URL,
-            DEBUG: process.env.DEBUG
-        }
-    }
+            DEBUG: process.env.DEBUG,
+        },
+    },
 });