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

1 vote156 views1 answer
My html doesn't show up github pages
Html
1 vote143 views2 answers
Float middle
Html
295 votes459 views6 answers
Html import css
Html
6 votes169 views5 answers
Line break
Html
3 votes185 views1 answer
Mailto://
Html
16 votes139 views5 answers
Francais a anglais
Html
1 vote151 views1 answer
Input type submit for button
Html
1 vote189 views1 answer
Change color on the same string html
Html
3 votes150 views2 answers
Multiple ngclass
Html
1 vote182 views1 answer
Bootstrip link
Html