diff --git a/examples/i18n/layouts/default.vue b/examples/i18n/layouts/default.vue
index 8bf6defab..46cf9e913 100644
--- a/examples/i18n/layouts/default.vue
+++ b/examples/i18n/layouts/default.vue
@@ -4,10 +4,10 @@
       <div class="container">
         <h1 class="Header__Title">Nuxt i18n</h1>
         <nav class="Header__Menu">
-          <nuxt-link class="Header__Link" :to="path('/')" exact>
+          <nuxt-link class="Header__Link" :to="$i18n.path('')" exact>
             {{ $t('links.home') }}
           </nuxt-link>
-          <nuxt-link class="Header__Link" :to="path('/about')" exact>
+          <nuxt-link class="Header__Link" :to="$i18n.path('about')" exact>
             {{ $t('links.about') }}
           </nuxt-link>
           <nuxt-link class="Header__Link" v-if="$i18n.locale === 'en'" :to="`/fr` + $route.fullPath" active-class="none" exact>
@@ -24,13 +24,7 @@
 </template>
 
 <script>
-export default {
-  methods: {
-    path(url) {
-      return (this.$i18n.locale === 'en' ? url : '/' + this.$i18n.locale + url)
-    }
-  }
-}
+export default {}
 </script>
 
 <style>
diff --git a/examples/i18n/plugins/i18n.js b/examples/i18n/plugins/i18n.js
index e4859aadc..e4208be5a 100644
--- a/examples/i18n/plugins/i18n.js
+++ b/examples/i18n/plugins/i18n.js
@@ -14,4 +14,12 @@ export default ({ app, store }) => {
       'fr': require('~/locales/fr.json')
     }
   })
+
+  app.i18n.path = (link) => {
+    if (app.i18n.locale === app.i18n.fallbackLocale) {
+      return `/${link}`
+    }
+
+    return `/${app.i18n.locale}/${link}`
+  }
 }