Dynamic nested routes with nuxt

Developing with Prismic
1

Hi,

I'm building a site using Prismic and Slice Machine in Nuxt, but I'm struggling finding a solution for my nested routes. Here's what i want to achieve:

  • I have a "Pages" repeatable type in order to create various pages with slices.
  • One or more of these pages will have nested routes.
  • For example, the page "who-we-are" will have two levels of nested routes: "/who-we-are/:subUID" and "/who-we-are/:subUID/:memberUID" (ex: "/who-we-are/control-team/marika")

How can I achieve something like this?

3

I semi-managed by doing this:

code
code1034×1012 66.3 KB

but i encountered another problem with :lang !
I don't know why the links are resolved with a work locale code like: /it-it/chi-siamo/organo-di-controllo/test, instead it needs to be: /it/chi-siamo/organo-di-controllo/test.

Why so?

1 Like
4

Hi @stefano.franceschett

Welcome to the Prismic community, and thanks for letting us know,

I'm currently investigating this and will let you know as soon as possible.

8

Hi @stefano.franceschett

I've got some updates on this issue

Regarding this question:

I don't know why the links are resolved with a work locale code like: /it-it/chi-siamo/organo-di-controllo/test, instead it needs to be: /it/chi-siamo/organo-di-controllo/test.

This wasn't possible earlier on, but with the updated route resolver, this is now possible, You can now target a lang it-it, and have the prefix decided manually in the path (/it/... in their case)

You can check this document for more.