nuxt-community / I18n Module
Licence: mit
i18n for Nuxt
Stars: ✭ 808
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to I18n Module
nuxt-i18n-routing
Localized routing with Nuxt.js
Stars: ✭ 32 (-96.04%)
Mutual labels: i18n, routing, nuxt
Elefant
Elefant, the refreshingly simple PHP CMS and web framework.
Stars: ✭ 188 (-76.73%)
Mutual labels: i18n, routing
Nuxt Juejin Project
仿掘金web网站,使用服务端渲染。主要技术:nuxt + koa + vuex + axios + element-ui 。
Stars: ✭ 209 (-74.13%)
Mutual labels: i18n, nuxt
Veluxi Starter
Veluxi Vue.js Starter Project with Nuxt JS and Vuetify
Stars: ✭ 39 (-95.17%)
Mutual labels: i18n, nuxt
awrora-starter
Landing page template built with one of most popular javascript library Vue.JS, Vuetify (Material Design) and Nuxt.JS with SSR.
Stars: ✭ 38 (-95.3%)
Mutual labels: i18n, nuxt
nuxt-i18n-example
nuxt-i18n showcase project based on nuxt-starter template
Stars: ✭ 67 (-91.71%)
Mutual labels: i18n, nuxt
nuxt-i18n-boilerplate
A boilerplate for rapid application development using Nuxt i18n.
Stars: ✭ 20 (-97.52%)
Mutual labels: i18n, nuxt
k-domains
A simple module to manage multiple subdomains with just one project
Stars: ✭ 41 (-94.93%)
Mutual labels: routing, nuxt
Openmessaging Java
OpenMessaging Runtime Interface for Java
Stars: ✭ 685 (-15.22%)
Mutual labels: routing
React Ssr Setup
React Starter Project with Webpack 4, Babel 7, TypeScript, CSS Modules, Server Side Rendering, i18n and some more niceties
Stars: ✭ 678 (-16.09%)
Mutual labels: i18n
Apollo Module
Nuxt.js module to use Vue-Apollo. The Apollo integration for GraphQL.
Stars: ✭ 696 (-13.86%)
Mutual labels: nuxt
Frenchkiss.js
The blazing fast lightweight internationalization (i18n) module for javascript
Stars: ✭ 776 (-3.96%)
Mutual labels: i18n
Components
Scan and auto import components for Nuxt.js 2.13+
Stars: ✭ 670 (-17.08%)
Mutual labels: nuxt
Universal
Seed project for Angular Universal apps featuring Server-Side Rendering (SSR), Webpack, CLI scaffolding, dev/prod modes, AoT compilation, HMR, SCSS compilation, lazy loading, config, cache, i18n, SEO, and TSLint/codelyzer
Stars: ✭ 669 (-17.2%)
Mutual labels: i18n
Pgrouting
Repository contains pgRouting library. Development branch is "develop", stable branch is "master"
Stars: ✭ 804 (-0.5%)
Mutual labels: routing
Accent
The first developer-oriented translation tool. True asynchronous flow between translators and your team.
Stars: ✭ 721 (-10.77%)
Mutual labels: i18n
i18n for your Nuxt project
Links
Features
- Integration with vue-i18n
- 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>
<main>
<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
MIT License - Copyright (c) Nuxt Community
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].