Named param being removed from URL

[cliveportman]

With the following routes, if I visit /courses/sewing-course/lesson-1 it changes the URL to /courses/sewing-course (i.e. it's removing the :id parameter from the URL. How do I stop this? The correct compnent (Lesson) is being used and I can still access the named parameters :slug and :id, it's just that I want the URL preserved.

  {
    name: '/',
    component: Dashboard, 
    layout: PrivateLayout
  },
  {
    name: 'courses',
    layout: PrivateLayout,
    component: '',
    nestedRoutes: [
      {
        name: ':slug',
        component: Course
      },
      {
        name: ':slug/:id',
        component: Lesson
      }
    ],
  },```

[jorgegorka]

Hi @cliveportman

Named params are optional not mandatory so having two routes with only named params is not expected. What I would suggest is having only one route and then inside the route rendering Course or Lesson depending on id being present or not.

    {
        name: ':slug/:id',
        component: Details
      }

This link may also help. #88

[jorgegorka]

This should work as well:

    name: '/',
    component: Dashboard, 
    layout: PrivateLayout
  },
  {
    name: 'courses',
    layout: PrivateLayout,
    component: '',
    nestedRoutes: [
      {
        name: ':slug',
        component: Course,
        nestedRoutes: [
               {
                  name: 'lesson/:id',
                  component: Lesson
                }
        ]
      },
    ],
  },```

[cliveportman]

This should work as well:

    name: '/',
    component: Dashboard, 
    layout: PrivateLayout
  },
  {
    name: 'courses',
    layout: PrivateLayout,
    component: '',
    nestedRoutes: [
      {
        name: ':slug',
        component: Course,
        nestedRoutes: [
               {
                  name: 'lesson/:id',
                  component: Lesson
                }
        ]
      },
    ],
  },```

With this one, would the URL be /courses/sewing-course/lesson/640 ? I get 404 with that setup.