nuxt-i18n - npm_link管理

link管理

链接快照平台

输入网页链接，自动生成快照
标签化管理网页链接

相关文章推荐

叛逆的单车 · The Fast Track to Julia· 1 周前 ·

无邪的四季豆 · 毛泽东是否说过“死3亿人没关系”_国史网· 2 月前 ·

微笑的伤痕 · Day6 ...· 2 月前 ·

会开车的红金鱼 · 首个用于治疗 1 型糖尿病的免疫逃避细胞 ...· 3 月前 ·

帅气的木耳 · 江苏省交通运输厅门户网站媒体关注 ...· 4 月前 ·

Automatic routes generation and custom paths

Search Engine Optimization

Lazy-loading of translation messages

Redirection based on auto-detected language

Different domain names for different languages

Storing current locale and messages with Vuex Setup

yarn add nuxt-i18n # yarn
npm i nuxt-i18n # npm

Basic usage

Firstly, you need to add nuxt-i18n to your Nuxt config.

// nuxt.config.js
  modules: [
      'nuxt-i18n',
        locales: ['en', 'es'],
        defaultLocale: 'en',
        vueI18n: {
          fallbackLocale: 'en',
          messages: {
            en: {
              greeting: 'Hello world!'
            es: {
              greeting: '¡Hola mundo!'
Then you can start using nuxt-i18n in your Vue components!
<template>
    <h1>{{ $t('greeting') }}</h1>
    <nuxt-link
      v-if="$i18n.locale !== 'en'"
      :to="switchLocalePath('en')"
      English
    </nuxt-link>
    <nuxt-link
      v-if="$i18n.locale !== 'es'"
      :to="switchLocalePath('es')"
      Español
    </nuxt-link>
  </main>
</template>
If you would like to find out more about how to use nuxt-i18n, check out the docs!
Issues, questions & requests
If you have any questions or issues, check out Discord server.
License

推荐文章

叛逆的单车 · The Fast Track to Julia

1 周前

无邪的四季豆 · 毛泽东是否说过“死3亿人没关系”_国史网

2 月前

微笑的伤痕 · Day6 怎样将文档中所有的特殊字符都去除呢？ · Issue #5887 · selfteaching/selfteaching-python-camp · GitHub

2 月前

会开车的红金鱼 · 首个用于治疗 1 型糖尿病的免疫逃避细胞 - 索尔克生物研究所

3 月前

帅气的木耳 · 江苏省交通运输厅门户网站媒体关注【新华日报】“丁香”跑起来了，这里是“轨道上的南京都市圈”

4 月前