fix(nuxt): provide fallback route (#22580)

danielroe · web-flow · commit 99375d688c61 · 2023-08-10T13:36:38.000+01:00
diff --git a/packages/nuxt/src/pages/route-injection.ts b/packages/nuxt/src/pages/route-injection.ts
@@ -14,13 +14,13 @@ export const RouteInjectionPlugin = (nuxt: Nuxt) => createUnplugin(() => {
       return isVue(id, { type: ['template', 'script'] })
     },
     transform (code) {
-      if (!INJECTION_SINGLE_RE.test(code)) { return }
+      if (!INJECTION_SINGLE_RE.test(code) || code.includes('_ctx._.provides[__nuxt_route_symbol')) { return }
 
       let replaced = false
       const s = new MagicString(code)
       s.replace(INJECTION_RE, () => {
         replaced = true
-        return '_ctx._.provides[__nuxt_route_symbol]'
+        return '(_ctx._.provides[__nuxt_route_symbol] || _ctx.$route)'
       })
       if (replaced) {
         s.prepend('import { PageRouteSymbol as __nuxt_route_symbol } from \'#app/components/injections\';\n')
