diff --git a/examples/i18n/pages/_lang/about.vue b/examples/i18n/pages/_lang/about.vue
index 9b3e526674..e01f333525 100644
--- a/examples/i18n/pages/_lang/about.vue
+++ b/examples/i18n/pages/_lang/about.vue
@@ -1,21 +1,13 @@
 <template>
-  <div class="Content">
-    <div class="container">
-      <h1 class="Content__Title">{{ $t('about.title') }}</h1>
-      <p>{{ $t('about.introduction') }}</p>
-    </div>
-  </div>
+  <about/>
 </template>
 
-<style>
-.Content
-{
-  padding: 50px 0;
-  text-align: center;
+<script>
+import About from '~/partials/About.vue'
+
+export default {
+  components: {
+    About
+  }
 }
-.Content__Title
-{
-  font-weight: 300;
-  padding-bottom: 30px;
-}
-</style>
+</script>
diff --git a/examples/i18n/pages/_lang/index.vue b/examples/i18n/pages/_lang/index.vue
index 0ee45a5ca2..9bd4e585d9 100644
--- a/examples/i18n/pages/_lang/index.vue
+++ b/examples/i18n/pages/_lang/index.vue
@@ -1,21 +1,13 @@
 <template>
-  <div class="Content">
-    <div class="container">
-      <h1 class="Content__Title">{{ $t('home.title') }}</h1>
-      <p>{{ $t('home.introduction') }}</p>
-    </div>
-  </div>
+  <home/>
 </template>
 
-<style>
-.Content
-{
-  padding: 50px 0;
-  text-align: center;
+<script>
+import Home from '~/partials/Home.vue'
+
+export default {
+  components: {
+    Home
+  }
 }
-.Content__Title
-{
-  font-weight: 300;
-  padding-bottom: 30px;
-}
-</style>
+</script>
diff --git a/examples/i18n/pages/about.vue b/examples/i18n/pages/about.vue
new file mode 100644
index 0000000000..e01f333525
--- /dev/null
+++ b/examples/i18n/pages/about.vue
@@ -0,0 +1,13 @@
+<template>
+  <about/>
+</template>
+
+<script>
+import About from '~/partials/About.vue'
+
+export default {
+  components: {
+    About
+  }
+}
+</script>
diff --git a/examples/i18n/pages/index.vue b/examples/i18n/pages/index.vue
new file mode 100644
index 0000000000..9bd4e585d9
--- /dev/null
+++ b/examples/i18n/pages/index.vue
@@ -0,0 +1,13 @@
+<template>
+  <home/>
+</template>
+
+<script>
+import Home from '~/partials/Home.vue'
+
+export default {
+  components: {
+    Home
+  }
+}
+</script>
diff --git a/examples/i18n/partials/About.vue b/examples/i18n/partials/About.vue
new file mode 100644
index 0000000000..9b3e526674
--- /dev/null
+++ b/examples/i18n/partials/About.vue
@@ -0,0 +1,21 @@
+<template>
+  <div class="Content">
+    <div class="container">
+      <h1 class="Content__Title">{{ $t('about.title') }}</h1>
+      <p>{{ $t('about.introduction') }}</p>
+    </div>
+  </div>
+</template>
+
+<style>
+.Content
+{
+  padding: 50px 0;
+  text-align: center;
+}
+.Content__Title
+{
+  font-weight: 300;
+  padding-bottom: 30px;
+}
+</style>
diff --git a/examples/i18n/partials/Home.vue b/examples/i18n/partials/Home.vue
new file mode 100644
index 0000000000..0ee45a5ca2
--- /dev/null
+++ b/examples/i18n/partials/Home.vue
@@ -0,0 +1,21 @@
+<template>
+  <div class="Content">
+    <div class="container">
+      <h1 class="Content__Title">{{ $t('home.title') }}</h1>
+      <p>{{ $t('home.introduction') }}</p>
+    </div>
+  </div>
+</template>
+
+<style>
+.Content
+{
+  padding: 50px 0;
+  text-align: center;
+}
+.Content__Title
+{
+  font-weight: 300;
+  padding-bottom: 30px;
+}
+</style>