diff --git a/examples/i18n/layouts/default.vue b/examples/i18n/layouts/default.vue
index d8555999cb..bf2356e5a0 100644
--- a/examples/i18n/layouts/default.vue
+++ b/examples/i18n/layouts/default.vue
@@ -4,18 +4,18 @@
       <div class="container">
         <h1 class="Header__Title">Nuxt i18n</h1>
         <nav class="Header__Menu">
-          <nuxt-link class="Header__Link" :to="path('')">
+          <nuxt-link class="Header__Link" :to="path('/')">
             {{ $t('message.home') }}
           </nuxt-link>
           <nuxt-link class="Header__Link" :to="path('/about')">
             {{ $t('message.about') }}
           </nuxt-link>
-          <nuxt-link class="Header__Link" v-if="$route.params.lang" to="/">
-            {{ $t('message.english') }}
-          </nuxt-link>
-          <nuxt-link class="Header__Link" v-else to="/fr">
+          <nuxt-link class="Header__Link" v-if="$store.state.lang.lang === 'en'" to="/fr">
             {{ $t('message.french') }}
           </nuxt-link>
+          <nuxt-link class="Header__Link" v-else to="/">
+            {{ $t('message.english') }}
+          </nuxt-link>
         </nav>
       </div>
     </header>
@@ -27,7 +27,7 @@
 export default {
   methods: {
     path (url) {
-      return (this.$route.params.lang ? '/' + this.$route.params.lang + url : url)
+      return (this.$store.state.lang.lang === 'en' ? url : '/' + this.$store.state.lang.lang + url)
     }
   }
 }