feat: config i18n

pablosirera · Jun 27, 2020 · 2ae8f20 · 2ae8f20
1 parent e149908
commit 2ae8f20
Show file tree

Hide file tree

Showing 6 changed files with 81 additions and 2 deletions.
diff --git a/locales/en.json b/locales/en.json
@@ -0,0 +1 @@
+{}
diff --git a/locales/es.json b/locales/es.json
@@ -0,0 +1,5 @@
+{
+  "projects": {
+    "title": "Mis projectos"
+  }
+}
diff --git a/nuxt.config.js b/nuxt.config.js
@@ -48,6 +48,7 @@ export default {
     '@nuxtjs/pwa',
     // Doc: https://github.com/nuxt/content
     '@nuxt/content',
+    'nuxt-i18n',
     [
       'nuxt-fontawesome',
       {
@@ -66,6 +67,30 @@ export default {
    ** See https://content.nuxtjs.org/configuration
    */
   content: {},
+  /*
+   ** nuxt-i18n config
+   */
+  i18n: {
+    locales: [
+      {
+        code: 'en',
+        iso: 'en-US',
+        file: 'en.json',
+      },
+      {
+        code: 'es',
+        iso: 'es-ES',
+        file: 'es.json',
+      },
+    ],
+    seo: true,
+    lazy: true,
+    defaultLocale: 'es',
+    langDir: 'locales/',
+    vueI18n: {
+      fallbackLocale: 'es',
+    },
+  },
   /*
    ** Build configuration
    ** See https://nuxtjs.org/api/configuration-build/

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -25,7 +25,8 @@
     "@nuxt/content": "^1.3.2",
     "@nuxtjs/pwa": "^3.0.0-beta.20",
     "nuxt": "^2.13.0",
-    "nuxt-fontawesome": "^0.4.0"
+    "nuxt-fontawesome": "^0.4.0",
+    "nuxt-i18n": "^6.12.2"
   },
   "devDependencies": {
     "@nuxtjs/eslint-config": "^3.0.0",

diff --git a/pages/projects/index.vue b/pages/projects/index.vue
@@ -1,3 +1,3 @@
 <template>
-  <h1 class="title">Projects page</h1>
+  <h1 class="title">{{ $t('projects.title') }}</h1>
 </template>