From 2c33be31d5595d5d94b48ee1f4c62f302122f70d Mon Sep 17 00:00:00 2001
From: Alexandre Chopin <wikeo65@gmail.com>
Date: Mon, 13 Feb 2017 19:08:22 +0100
Subject: [PATCH] update i18n example

---
 examples/i18n/pages/_lang/about.vue | 26 +++++++++-----------------
 examples/i18n/pages/_lang/index.vue | 26 +++++++++-----------------
 examples/i18n/pages/about.vue       | 13 +++++++++++++
 examples/i18n/pages/index.vue       | 13 +++++++++++++
 examples/i18n/partials/About.vue    | 21 +++++++++++++++++++++
 examples/i18n/partials/Home.vue     | 21 +++++++++++++++++++++
 6 files changed, 86 insertions(+), 34 deletions(-)
 create mode 100644 examples/i18n/pages/about.vue
 create mode 100644 examples/i18n/pages/index.vue
 create mode 100644 examples/i18n/partials/About.vue
 create mode 100644 examples/i18n/partials/Home.vue

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>