Update i18n example for 1.0

examples/i18n/middleware/i18n.js

@@ -1,11 +1,11 @@
-export default function ({ i18n, store, route, params, error, redirect }) {
+export default function ({ app, store, route, params, error, redirect }) {
   const locale = params.lang || 'en'
   if (store.state.locales.indexOf(locale) === -1) {
     return error({ message: 'This page could not be found.', statusCode: 404 })
   }
   // Set locale
   store.commit('SET_LANG', locale)
-  i18n.locale = store.state.locale
+  app.i18n.locale = store.state.locale
   // If route is /en/... -> redirect to /...
   if (locale === 'en' && route.fullPath.indexOf('/en') === 0) {
     redirect(route.fullPath.replace(/^\/en/, '/'))

examples/i18n/plugins/i18n.js

@@ -1,16 +1,22 @@
 import Vue from 'vue'
 import VueI18n from 'vue-i18n'
-import store from '~store'
 
 Vue.use(VueI18n)
 
-const i18n = new VueI18n({
+export default ({ isClient, app, store, route, error, redirect }) => {
-  locale: store.state.locale,
+  console.log(route.path)
-  fallbackLocale: 'en',
+  if (isClient && route.path === '/fr/about') {
-  messages: {
+    return redirect('/about')
-    'en': require('~/locales/en.json'),
-    'fr': require('~/locales/fr.json')
   }
-})
+  console.log(error)
-
+  // Set i18n instance on app
-export default i18n
+  // This way we can use it in middleware and pages asyncData/fetch
+  app.i18n = new VueI18n({
+    locale: store.state.locale,
+    fallbackLocale: 'en',
+    messages: {
+      'en': require('~/locales/en.json'),
+      'fr': require('~/locales/fr.json')
+    }
+  })
+}

examples/i18n/store/index.js

@@ -1,7 +1,7 @@
-export const state = {
+export const state = () => ({
   locales: ['en', 'fr'],
   locale: 'en'
-}
+})
 
 export const mutations = {
   SET_LANG (state, locale) {