Merge pull request #56 from panter/docs/i18n-tag-update

docs: update i18n tag usage
panter · Jan 23, 2019 · 3c9a691 · 3c9a691
2 parents c0a66b1 + 1e143c8
commit 3c9a691
Showing 1 changed file with 8 additions and 18 deletions.
diff --git a/docs/guide/single-file-component.md b/docs/guide/single-file-component.md
@@ -3,24 +3,16 @@
 by [@kazupon](https://github.com/kazupon)
 
 ```html
-<i18n>
-  {
-    "en": {
-      "hello": "hello world!"
-    }
-  }
-</i18n>
+<i18n> { "en": { "hello": "hello world!" } } </i18n>
 
 <template>
-  <div id="app">
-    <p>message: {{ $t('hello') }}</p>
-  </div>
+  <div id="app"><p>message: {{ $t('hello') }}</p></div>
 </template>
 
 <script>
   export default {
-    name: 'app',
-  }
+    name: "app"
+  };
 </script>
 ```
 
@@ -32,7 +24,10 @@ To be able to use the `<i18>` you need to use the vue-loader:
 npm install @kazupon/vue-i18n-loader --save-dev
 ```
 
+For a detailed documentation check the original [docs here](https://github.com/kazupon/vue-i18n-loader).
+
 ```
+// vue-loader (~v14.x):
 module.exports = {
   // ...
   module: {
@@ -61,12 +56,7 @@ npm install yaml-loader --save-dev
 ```
 
 ```html
-<i18n>
-
-en:
-  hello: "hello world!"
-
-</i18n>
+<i18n> en: hello: "hello world!" </i18n>
 ```
 
 ```javascript