How to active HeaderLinks First level when it has some children

[850036165]

Description

I try to use HeaderLinks to to made a navbar but when i went to a sub route, when i check the offical website it is good but when i use myself it can not activate the father route.

<script setup lang="ts"> const links = [{ label: 'Docs', icon: 'i-heroicons-book-open', to: '/getting-started' }, { label: 'Pro', icon: 'i-heroicons-square-3-stack-3d', to: '/pro', children: [{ label: 'Pricing', to: '/pro/pricing', icon: 'i-heroicons-ticket', description: 'A simple pricing, for solo developers or teams.' }, { label: 'Templates', to: '/pro/templates', icon: 'i-heroicons-computer-desktop', description: 'Get started with one of our official templates.' }] }, { label: 'Releases', icon: 'i-heroicons-rocket-launch', to: '/releases' }] </script>

[benjamincanac]

Have you defined the docs route as parent? https://nuxt.com/docs/guide/directory-structure/pages#nested-routes