offline mode: when I navigate to another route, it shows nothing, but when I refresh then it shows the page from cache about nuxt HOT 7 OPEN

If using SSR app, you will need to prerender index.vue page (that's the fallback page /). Check vite-pwa/sveltekit#65 (comment) .

from nuxt.

@userquin
did you mean pre-render the / page ?

prerender: [
    routes: ['/']
  ]

from nuxt.

yes

from nuxt.

@userquin I already added the dynamic routes, so it will be pushed to prerender.routes

async 'nitro:config'(nitroConfig) {
   if (nitroConfig.dev) { return }
   const getMenuItem = useMenuNavigation()
   const response = await fetch(`${process.env.INTERNAL_API_URL}/api/globalMenuItems`)
   const { main_menu } = await response.json()
   if (nitroConfig.prerender && nitroConfig.prerender.routes) {
     nitroConfig.prerender.routes?.push(...main_menu.map((item) => getMenuItem(item).link))
   }
   console.log(nitroConfig.prerender, 'nitroConfig.prerender')
 }

still no any changes, page is working on refresh but not when I navigate to another page

from nuxt.

Create a minimal reproduction using @vite-pwa/create-pwa, I'll try to check it later...

Check https://vite-pwa-org.netlify.app/guide/scaffolding.html : select Vue and then Nuxt when selecting the framework

from nuxt.

okay @userquin I will make it
if I wanted it to redirect to simple offline.vue file which normally says( your are offline now ) instead of default offline page
what should I do for that ?
it would be very helpful if you can answer it
my client needs it urgently for a quick fix

Much thanks @userquin

from nuxt.

If you want to redirect to custom page (pages/offline.vue), you need to prerender the route, otherwise you will get infinite redirection when offline. In the runtime caching just redirect to that page route (/offline): you can add some logic in the callback, iirc you have the original request, or just add it to the context and use it (check callbacks params)

from nuxt.