` does not work either.\n\n### Logs\n\n_No response_",[2902],{"name":2903,"color":2904},"pending triage","E99695",12361,"nuxt","open","Transitions cannot be applied to child \u003CNuxtPage> routes by any method","2025-02-19T21:06:53Z","https://github.com/nuxt/nuxt/issues/12361",0.67068934,{"description":2913,"labels":2914,"number":2918,"owner":2906,"repository":2906,"state":2919,"title":2920,"updated_at":2921,"url":2922,"score":2923},"Here's the example, https://github.com/Kasheftin/nuxt-bug6.\r\n\r\nI just took the example code from https://nuxtjs.org/examples/routes-transitions and placed the pages into the /pages/a folder. Then changed links. Then created /pages/a.vue file with the following content:\r\n\r\n \u003Ctemplate>\r\n \u003Cnuxt-child/>\r\n \u003C/template>\r\n\r\nAfter that page transitions stopped working completely. \n\n\u003C!--cmty-->\u003C!--cmty_prevent_hook-->\n\u003Cdiv align=\"right\">\u003Csub>\u003Cem>This bug report is available on \u003Ca href=\"https://nuxtjs.cmty.io\">Nuxt.js\u003C/a> community (\u003Ca href=\"https://nuxtjs.cmty.io/nuxt/nuxt.js/issues/c1559\">#c1559\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[2915],{"name":2916,"color":2917},"2.x","d4c5f9",1737,"closed","Route transitions do not work inside nuxt-child ","2023-01-18T15:54:44Z","https://github.com/nuxt/nuxt/issues/1737",0.6293659,{"description":2925,"labels":2926,"number":2928,"owner":2906,"repository":2906,"state":2919,"title":2929,"updated_at":2930,"url":2931,"score":2932},"Nuxt Version: 1.0.0-rc3\r\n\r\n## Issue\r\n\r\nCannot transition child routes.\r\n\r\n## Current behaviour\r\n\r\nTake the following pages structure:\r\n\r\n```\r\n/index.vue\r\n/contact.vue\r\n/contact/index.vue\r\n/contact/step1.vue\r\n/contact/step2.vue\r\n```\r\n\r\nIn `contact.vue` we have a `\u003Cnuxt-child/>` component to pull in nested route components. When navigating between the nested routes (`/contact`, `/contact/step1` and `/contact/step2`) the parent component `contact.vue` transitions the whole content using the default `page` transition. \r\n\r\n## Expected Behaviour\r\n\r\nWhen navigating between nested routes, only the `\u003Cnuxt-child/>` component content should transition. It should also transition with its own transition setting rather than the default `page` transition.\r\n\r\n## Reproduction Repo\r\n\r\nhttps://github.com/samturrell/nuxt-nested-routes\r\n\r\n## Comments\r\n\r\nI feel like it's very possible that i am doing something wrong here, but I can't get it to work no matter how hard i try. The strange thing is when HMR kicks in it transitions the nested route component properly, but it never works when navigating via vue\n\n\u003C!--cmty-->\u003C!--cmty_prevent_hook-->\n\u003Cdiv align=\"right\">\u003Csub>\u003Cem>This question is available on \u003Ca href=\"https://nuxtjs.cmty.io\">Nuxt.js\u003C/a> community (\u003Ca href=\"https://nuxtjs.cmty.io/nuxt/nuxt.js/issues/c1141\">#c1141\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[2927],{"name":2916,"color":2917},1289,"Cannot transition child routes","2023-01-18T15:41:00Z","https://github.com/nuxt/nuxt/issues/1289",0.6318564,{"description":2934,"labels":2935,"number":2940,"owner":2906,"repository":2906,"state":2919,"title":2941,"updated_at":2942,"url":2943,"score":2944},"Assume we have a.vue page component with `\u003Cnuxt-child>` within. We have b.vue and c.vue dummy components inside the /a/ directory. So we can follow the /a/ link and get the page without nuxt-child, as well as follow /a/b/ and /a/c/ links to get the page with something inside nuxt-child.\r\n\r\n Let's add `created` and `beforeDestroy` hooks to the a.vue component. We see, that every time we go from /a/ to /a/b/ they are triggered. I suppose, this is the incorrect behavior. The root component a.vue should not be reinitialized if we go to the page that does not do anything with it. Even more, I can not add any slide animation to the nuxt-child when it appears because it reinitializes and jumps to the new state constantly.\r\n\r\nFor example, if we go from /a/b/ to /a/c/, the a.vue compontent does not reinitializes, the hooks are not triggered. That's correct on my sight. If we go from /a/c/ to /a/ - they are triggered once again, and that's what should not happen.\r\n\r\nAs usual, I created the example repo related to that issue, https://github.com/Kasheftin/nuxt-bug5.\r\n\n\n\u003C!--cmty-->\u003C!--cmty_prevent_hook-->\n\u003Cdiv align=\"right\">\u003Csub>\u003Cem>This question is available on \u003Ca href=\"https://nuxtjs.cmty.io\">Nuxt.js\u003C/a> community (\u003Ca href=\"https://nuxtjs.cmty.io/nuxt/nuxt.js/issues/c1547\">#c1547\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[2936,2939],{"name":2937,"color":2938},"question","cc317c",{"name":2916,"color":2917},1727,"Incorrect page reinitialization while using nuxt-child and subroutes","2023-01-18T15:54:39Z","https://github.com/nuxt/nuxt/issues/1727",0.6518487,{"description":2946,"labels":2947,"number":2949,"owner":2906,"repository":2906,"state":2919,"title":2950,"updated_at":2951,"url":2952,"score":2953},"hey there, i just wondered, if the nuxt-child component can also be used in a subroute?\r\n\r\nfor example, i have following structure:\r\n\r\n/pages/index.vue\r\n/pages/index/sub.vue\r\n/pages/index/sub/subsub.vue\r\n\r\nis this possible with the nuxt-child component, so that just the subsub.vue component will be changed on route change?\r\n\r\ncheers\n\n\u003C!--cmty-->\u003C!--cmty_prevent_hook-->\n\u003Cdiv align=\"right\">\u003Csub>\u003Cem>This question is available on \u003Ca href=\"https://nuxtjs.cmty.io\">Nuxt.js\u003C/a> community (\u003Ca href=\"https://nuxtjs.cmty.io/nuxt/nuxt.js/issues/c7166\">#c7166\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[2948],{"name":2916,"color":2917},3386,"is the nuxt-child component recursive?","2023-01-18T16:24:01Z","https://github.com/nuxt/nuxt/issues/3386",0.6521738,{"labels":2955,"number":2962,"owner":2906,"repository":2906,"state":2919,"title":2963,"updated_at":2964,"url":2965,"score":2966},[2956,2959],{"name":2957,"color":2958},"3.x","29bc7f",{"name":2960,"color":2961},"bug","d73a4a",12013,"Nested Pages(NuxtPage) was not working","2023-01-19T15:53:23Z","https://github.com/nuxt/nuxt/issues/12013",0.6634113,{"description":2968,"labels":2969,"number":2972,"owner":2906,"repository":2906,"state":2919,"title":2973,"updated_at":2974,"url":2975,"score":2976},"I have tried following documentation on how to generate page transitions for dynamic page routes here: https://nuxtjs.org/docs/2.x/features/nuxt-components#the-nuxt-component\r\n\r\nI've implemented the NuxtChildKey property, and can confirm keys are unique. Page transition from pages/index.vue to pages/_slug.vue works, but I'm unable to get transitions between pages/_slug.vue routes working.\r\n\r\n### Versions\r\n- nuxt: v2.14.8\r\n- node: v12.20.0\r\n\r\n### Reproduction\r\nIt's a small project:\r\nhttps://github.com/zodiapps/restaurang-stora-holm/tree/nuxt-transition-bug\r\n\r\n### Steps to reproduce\r\n1) Run `yarn dev` and navigate to a _slug route.\r\n2) Notice page transition works\r\n3) Navigate from one _slug route to another _slug route\r\n\r\n### What is Expected?\r\nPage transition\r\n\r\n### What is actually happening?\r\nNo page transition\r\n",[2970,2971],{"name":2903,"color":2904},{"name":2916,"color":2917},8867,"Page transitions on dynamic pages not working","2023-01-22T15:38:48Z","https://github.com/nuxt/nuxt/issues/8867",0.6639926,{"labels":2978,"number":2979,"owner":2906,"repository":2906,"state":2919,"title":2963,"updated_at":2980,"url":2981,"score":2982},[],12082,"2023-01-19T15:54:17Z","https://github.com/nuxt/nuxt/issues/12082",0.66903216,{"labels":2984,"number":2985,"owner":2906,"repository":2906,"state":2919,"title":2963,"updated_at":2986,"url":2987,"score":2982},[],12137,"2023-01-19T15:59:15Z","https://github.com/nuxt/nuxt/issues/12137",{"description":2989,"labels":2990,"number":2991,"owner":2906,"repository":2906,"state":2919,"title":2963,"updated_at":2992,"url":2993,"score":2982},"### Environment\n\n------------------------------\r\n- Operating System: `Darwin`\r\n- Node Version: `v14.15.4`\r\n- Nuxt Version: `3-3.0.0-27234503.d5127e9`\r\n- Package Manager: `Yarn`\r\n- Bundler: `Webpack`\r\n- User Config: `vite`\r\n- Runtime Modules: `-`\r\n- Build Modules: `-`\r\n------------------------------\n\n### Describe the bug\n\nThis issue originated from the following question discussion.\r\n\r\nhttps://github.com/nuxt/framework/discussions/917\r\n\r\nI'd like to use the \"NuxtChild\" equivalent that existed in Nuxt2, but it doesn't work.\r\nThis problem seems to occur when a vue file with the same name as the directory is placed under the pages directory.\r\n\r\n```\r\npages/\r\n page3/\r\n index.vue\r\n page3.vue\r\n```\r\n\r\nThe following discussion will help you infer the cause of the problem and suggest codes for improvement.\r\nThe following URL speculates on the cause of the problem and suggests code for improvement.\r\n\r\n* Thanks @nathanchase @TenshiGoan\r\n\r\n\n\n### Reproduction\n\nhttps://stackblitz.com/edit/github-khxgxb?file=app.vue\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell\n[Vue Router warn]: Component \"default\" in record with path \"/sub\" is not a valid component. Received \"undefined\".\r\n[Vue Router warn]: uncaught error during route navigation:\r\nError: Invalid route component\r\n at extractComponentsGuards (/home/projects/github-khxgxb/node_modules/vue-router/dist/vue-router.cjs.js:1973:27)\n```\n",[],12203,"2023-01-19T16:00:22Z","https://github.com/nuxt/nuxt/issues/12203",["Reactive",2995],{},["Set"],["ShallowReactive",2998],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$f2u6NLnPkgt08hMrRe_WNl0610CDsrIcpzyr3FyYd9Y0":-1},"/nuxt/nuxt/5819"]