if the parent route for routing for a/b/a child now access/a/b why the HTML component a and component b are not replace @Atinux \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/c846\">#c846\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[2906],{"name":2907,"color":2908},"2.x","d4c5f9",985,"nuxt","closed","\u003Cnuxt-child/>","2023-01-18T15:40:37Z","https://github.com/nuxt/nuxt/issues/985",0.6401398,{"description":2917,"labels":2918,"number":2920,"owner":2910,"repository":2910,"state":2911,"title":2921,"updated_at":2922,"url":2923,"score":2924},"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>",[2919],{"name":2907,"color":2908},1289,"Cannot transition child routes","2023-01-18T15:41:00Z","https://github.com/nuxt/nuxt/issues/1289",0.64748126,{"labels":2926,"number":2931,"owner":2910,"repository":2910,"state":2911,"title":2932,"updated_at":2933,"url":2934,"score":2935},[2927,2930],{"name":2928,"color":2929},"enhancement","8DEF37",{"name":2907,"color":2908},5819,"Navigate to child page on view","2023-01-22T15:50:56Z","https://github.com/nuxt/nuxt/issues/5819",0.64936334,{"description":2937,"labels":2938,"number":2940,"owner":2910,"repository":2910,"state":2911,"title":2941,"updated_at":2942,"url":2943,"score":2944},"Currently, with nested routes, such as in the [example](https://nuxtjs.org/examples/nested-routes/), the `/pages/index/index.vue` gets injected into `/pages/index.vue` this means that I can't have a different outer page for the `/` route vs `/:id` route.\r\nImagine instead of putting `Please select an user.` into the right container, I wanted to display a whole different page. The current file api does not allow that.\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/c547\">#c547\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[2939],{"name":2907,"color":2908},627,"Nested Routes index without \u003Cnuxt-child>","2023-01-18T15:39:38Z","https://github.com/nuxt/nuxt/issues/627",0.6596201,{"description":2946,"labels":2947,"number":2952,"owner":2910,"repository":2910,"state":2911,"title":2953,"updated_at":2954,"url":2955,"score":2956},"First off, huge thanks for Nuxt. I love it! \r\n\r\nI have a project with a simple folder structure similar to the following:\r\n\r\n```\r\npages/\r\n--items.vue\r\n--items/\r\n----_id.vue\r\n```\r\n\r\nI have included a `\u003Cnuxt-child/>` inside `items.vue` along with a list of items that link to different id's. `_id.vue` simply renders a modal that displays info based on the id passed as a param.\r\n\r\nThis is all working and rendering properly except that each time an item is clicked, the `items.vue` component re-renders causing it reset its state and lose the users scroll position.\r\n\r\nIs this expected behavior? Is it possible to have dynamic nested routes without re-rendering their parent with each route change?\r\n\r\n\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/c1253\">#c1253\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[2948,2951],{"name":2949,"color":2950},"available soon","6de8b0",{"name":2907,"color":2908},1408,"Nested Dynamic Route change causes parent route to re-render","2023-01-18T15:41:44Z","https://github.com/nuxt/nuxt/issues/1408",0.660868,{"description":2958,"labels":2959,"number":2964,"owner":2910,"repository":2910,"state":2911,"title":2965,"updated_at":2966,"url":2967,"score":2968},"Let's say I have this `/pages/` directory structure:\r\n```\r\n/pages/\r\n users.vue\r\n users/\r\n :id.vue\r\n new.vue\r\n```\r\nWhat if I want to disattach the page component of `new.vue` from the existing component hierarchy? I mean, to have a URL like `/users/new`, but NOT no include whatever is in `users.vue`.\r\n\r\nAFAIK, there were a way of achieving this with vue-router, using a leading slash or something. Any hints on how to get the same in a Nuxt-based project?\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/c1309\">#c1309\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[2960,2963],{"name":2961,"color":2962},"question","cc317c",{"name":2907,"color":2908},1470,"Allow a particular nested page to be nested in terms of URL only","2023-01-18T15:41:50Z","https://github.com/nuxt/nuxt/issues/1470",0.66851586,{"description":2970,"labels":2971,"number":2973,"owner":2910,"repository":2910,"state":2911,"title":2974,"updated_at":2975,"url":2976,"score":2977},"I wanted to use the same component for both `/signup` and `/signin` route.\r\n\r\nThe reason is because the component looks something like [this pen](https://codepen.io/joshsorosky/full/gaaBoB/), and I would like when the use clicks **signin** or **signup**, the url changes to `/signin` and `/signup` accordingly, with the transition animation.\r\n\r\nHow can I do this with nuxt? It would be awesome to achieve this without the router-module, am I missing something?\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/c2341\">#c2341\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[2972],{"name":2907,"color":2908},2693,"How to use a same component for two or multiple routes / pages?","2023-01-18T16:02:28Z","https://github.com/nuxt/nuxt/issues/2693",0.67132133,{"description":2979,"labels":2980,"number":2982,"owner":2910,"repository":2910,"state":2911,"title":2983,"updated_at":2984,"url":2985,"score":2986},"I'm think I'm having issues understanding how components work and need help sorting this out since the documentation is a little shortcoming.\r\n\r\nI'm developing a multipage nuxt site and I have a bunch of components. Beside the obvious header and footer, I have other components that need to receive data from the page that the are placed on. I want to be able to handle the api calls on the components themselfs, but the page needs to deliver an id, for example. \r\n\r\nThis documentation [https://nuxtjs.org/faq/async-data-components](url) referes to \r\n\r\n> ..giving the data as a prop to the subComponent\r\n\r\nBut I can't find and reference to which prop or subComponent that would be, in the documentation. Is subComponent referred to a page child? Or is it possible to send data to components so they can handle logic, instead of having lots of duplicate logic on different pages?\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/c255\">#c255\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[2981],{"name":2907,"color":2908},297,"Understanding sub components and components and children","2023-01-18T15:38:41Z","https://github.com/nuxt/nuxt/issues/297",0.6732955,{"description":2988,"labels":2989,"number":2991,"owner":2910,"repository":2910,"state":2911,"title":2992,"updated_at":2922,"url":2993,"score":2994},"### what do you want to do\r\nI would like to have the following urls:\r\n```\r\n/category1/subcategory2/.../subcategoryx\r\n/product_name/p/product_id\r\n```\r\nSo there is no 'type' identifier at the start of the url, which means you need to trick vue-router a bit in using the correct component. Here I use the `/p/` part in the product url to identify between categories and products. (Even better would be if you could identify by 'product_id = integer' and 'subcategory = string' but afaik this is not possible with vue-router)\r\n\r\n### what did you do\r\nIn my pages folder I have the following structure:\r\n```\r\npages\r\n├── _.vue // component for category pages\r\n└── _/\r\n └── p/\r\n └── _.vue // component for product pages\r\n```\r\n\r\n### what did you expect to happen\r\nThe correct configuration for vue-router should be as follows. Also see this jsfiddle: https://jsfiddle.net/50wL7mdz/50616/\r\n```\r\n[{\r\n path: '/*/p/*',\r\n name: 'all-p',\r\n component: products\r\n},{\r\n path: '/*',\r\n name: 'all',\r\n component: categories,\r\n }]\r\n```\r\n### what happened actually\r\nnuxt generates the above routes with `children` routes:\r\n```\r\n{\r\n path: '/*',\r\n name: 'all',\r\n component: categories,\r\n children: {\r\n path: 'p',\r\n name: 'all-p',\r\n component: products\r\n }\r\n }\r\n```\r\nBut as both routes will contain a `*`, the routes should be added in ascending greediness (with '/*' being most greedy). By using a children structure you loose the ability to list routes based on their greediness. It seems Nuxt.js already does this correctly when you use `:slug`'s, but not when you use wildcards.\r\n\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/c1088\">#c1088\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[2990],{"name":2907,"color":2908},1234,"nuxt shouldnt generate children routes for wildcard routes","https://github.com/nuxt/nuxt/issues/1234",0.67334455,{"description":2996,"labels":2997,"number":2999,"owner":2910,"repository":2910,"state":2911,"title":3000,"updated_at":3001,"url":3002,"score":3003},"So first of all I'll give you a link to a fiddle demonstrating the expected behavior. This demo is using plain vue with vue-router\r\n\r\n[Expected behavior](https://jsfiddle.net/e6Lbvt40/)\r\n\r\nI set some initial state on the parent route, and navigating to and from the child route does not change the parent route.\r\n\r\nHowever, when using nuxt I experience the following behavior.\r\n[Unexpected behavior](https://www.dropbox.com/s/bkxiqpn6wbept1y/unexpected-behavior-nuxt.mov?dl=0)\r\n\r\nIn this instance I am using nuxt-child instead of router-view and Nuxt page components instead of plain vue components. The routes are generated by my directory structure which looks like:\r\n\r\n```\r\npages/\r\n--random.vue\r\n--random/\r\n----_slug.vue\r\n```\r\n\r\nI believe this may be related to another issue I raised #1756\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/c1582\">#c1582\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[2998],{"name":2907,"color":2908},1761,"Parent component gets remounted when navigating to child routes","2023-01-18T15:54:44Z","https://github.com/nuxt/nuxt/issues/1761",0.67495203,["Reactive",3005],{},["Set"],["ShallowReactive",3008],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$f34nPG3QhMbghacCn13L33kehiV64kgzoS0xl0XmwTXo":-1},"/nuxt/nuxt/3386"]