example vue-i18n

examples/vue-i18n/lang/en.json

@@ -0,0 +1,5 @@
+{
+  "message": {
+    "welcome": "Welcome"
+  }
+}

examples/vue-i18n/lang/fr.json

@@ -0,0 +1,5 @@
+{
+  "message": {
+    "welcome": "Bienvenue"
+  }
+}

examples/vue-i18n/middleware/vue-i18n.js

@@ -0,0 +1,7 @@
+// import Vue from 'vue'
+
+export default function ({ params }) {
+  console.log(params)
+  // if (params)
+  // Vue.config.lang = 'en'
+}

examples/vue-i18n/nuxt.config.js

@@ -0,0 +1,6 @@
+module.exports = {
+  build: {
+    vendor: ['vue-i18n']
+  },
+  plugins: ['~plugins/vue-i18n']
+}

examples/vue-i18n/package.json

@@ -0,0 +1,12 @@
+{
+  "name": "vue-i18n",
+  "dependencies": {
+    "nuxt": "latest",
+    "vue-i18n": "latest"
+  },
+  "scripts": {
+    "dev": "nuxt",
+    "build": "nuxt build",
+    "start": "nuxt start"
+  }
+}

examples/vue-i18n/pages/_lang/index.vue

@@ -0,0 +1,3 @@
+<template>
+  <p v-html="$t('message.welcome')"></p>
+</template>

examples/vue-i18n/plugins/vue-i18n.js

@@ -0,0 +1,6 @@
+import Vue from 'vue'
+
+if (process.BROWSER_BUILD) {
+  var VueI18n = require('vue-i18n')
+  Vue.use(VueI18n)
+}