Adding i18n to custom navigation component

[gabrielgomeso]

I've managed to create a custom component and add it to my theme (created a /theme/components/TheHeader.vue file and declared the component inside theme/index.ts enhanceApp).
I'm having some trouble adding i18n to the navigation inside this header - I have no idea how to do it. I was able to add i18n to the default theme, which was quite easy (there is this discussion about it), but I cannot find in the docs or at GitHub anyone that attempted to create a custom header/navigation and add i18n to it
Any tips on how to do that?

[brc-dd]

Just use

import { useData } from 'vitepress'
import type YourThemeConfig from './some/path'

const { theme } = useData<YourThemeConfig>() // <-- theme is read-only ref here. You just need to render theme.value.nav or something in your header and vue will track the rest.