Вложенные маршруты Nuxt

У меня есть базовое универсальное приложение, созданное с помощью Nuxt.

Я новичок в vue и nuxt, и я пытаюсь понять, как работает маршрутизация, а точнее, как работают вложенные маршруты.

Итак, структура моих проектов

├── parent
│   ├── child1.vue
│   └── child2.vue
├── parent.vue

и на родительской странице у меня есть две ссылки для child1 и child2

<template>
    <div>
        <h3>Parent page</h3>
        <nuxt-link to="/parent/child1"> about1 page</nuxt-link>
        <nuxt-link to="/parent/child2"> about2 page</nuxt-link>
    </div>
</template>

Моя цель - когда я нажимаю на ссылки, чтобы перейти на следующую страницу, например /parent/child2,

но этого не происходит. Когда я нажимаю на ссылки, открывается та же родительская страница.