Nuxt i18

<nuxt-link class="nav-link" :to="localePath('merchants')">
  <span>{{ $t('merchants.index') }}</span>
</nuxt-link>

Nuxt i18n link

<nuxt-link :to="localePath('index')">{{ $t('home') }}</nuxt-link>
<nuxt-link :to="localePath('/')">{{ $t('home') }}</nuxt-link>
<nuxt-link :to="localePath('index', 'en')">Homepage in English</nuxt-link>
<nuxt-link :to="localePath('/app/profile')">Route by path to: {{ $t('Profile') }}</nuxt-link>
<nuxt-link :to="localePath('app-profile')">Route by name to: {{ $t('Profile') }}</nuxt-link>
<nuxt-link
  :to="localePath({ name: 'category-slug', params: { slug: category.slug } })">
  {{ category.title }}
</nuxt-link>
<!-- It's also allowed to omit 'name' and 'path'. -->
<nuxt-link :to="localePath({ params: { slug: 'ball' } })">{{ category.title }}</nuxt-link>

Nuxt i18 link

:to="localePath('merchants')"

Similar codes

0 vote309 views1 answer
Creating navigation menu using html and css
Html
0 vote369 views1 answer
Jsp variable in html
Html
0 vote325 views1 answer
Remove extra whitespace in pre html
Html
45 votes277 views3 answers
Button color bootstrap
Html
0 vote296 views3 answers
Unyson demo import fail
Html
18 votes278 views2 answers
Autofill visual code html code
Html
3 votes312 views3 answers
Ion button outline
Html
5 votes296 views2 answers
Html icon web
Html
0 vote308 views1 answer
React-burger-menu right
Html
0 vote298 views1 answer
Html element hover help text
Html