jp docs

docs/en/_navbar.md

@@ -1,3 +1,4 @@
 - [English](/)
 - [简体中文](/zh-cn/readme.md)
-- [Portuguese](/pt-br/readme.md)
+- [Portuguese](/pt-br/readme.md)
+- [Japanese](/ja/readme.md)

docs/index.html

@@ -46,6 +46,7 @@
         '/pt-br/(.*)': '/pt-br/$1',
         '/zh-cn/(.*)': '/zh-cn/$1',
         '/en/(.*)': '/en/$1',
+        '/ja/(.*)': '/ja/$1',
         '/': '/readme.md',
         '^/_(.*)': '/en/_$1'
       }

docs/ja/_navbar.md

@@ -0,0 +1,4 @@
+-   [英語](/)
+-   [简体中文](/zh-cn/readme.md)
+-   [ポルトガル語](/pt-br/readme.md)
+-   [日本語](/ja/readme.md)

docs/ja/_sidebar.md

@@ -0,0 +1,29 @@
+-   [インフォメーション](/ja/readme.md)
+-   [クイックスタート](/ja/quick-start/quick-start.md)
+-   クラスコンポーネント
+    -   [コンポーネント](/ja/class-component/component/component.md)
+    -   [プロパティ](/ja/class-component/property/property.md)
+    -   [メソッド](/ja/class-component/method/method.md)
+    -   [フック](/ja/class-component/hooks/hooks.md)
+    -   [コンポーネントプロパティ](/ja/class-component/component-property/component-property.md)
+    -   [アクセサ](/ja/class-component/accessor/accessor.md)
+    -   [イベント](/ja/class-component/event/event.md)
+    -   [リファレンス](/ja/class-component/reference/reference.md)
+    -   [ウォッチャー](/ja/class-component/watcher/watcher.md)
+    -   [プロバイド](/ja/class-component/provide/provide.md)
+    -   [インジェクション](/ja/class-component/injection/injection.md)
+    -   [モデル](/ja/class-component/model/model.md)
+    -   [セットアップ](/ja/class-component/setup/setup.md)
+-   継承
+    -   [ECMAScript クラス](/ja/inheritance/es-class/es-class.md)
+    -   [コンポーネント](/ja/inheritance/component/component.md)
+    -   [高度な例](/ja/inheritance/complex-example/complex-example.md)
+-   TSX
+    -   [TSX レンダー](/ja/tsx/tsx-render/tsx-render.md)
+    -   [アトリビュート タイプ](/ja/tsx/attribute-types/attribute-types.md)
+-   Custom Decorator
+    -   [カスタム デコレーター](/ja/custom/custom.md)
+-   v2 からのマイグレーション
+    -   [v2 からのマイグレーション](/ja/migrate-from-v2/migrate-from-v2.md)
+-   Stage3 decorators
+    -   [Stage3 デコレーター](/ja/stage3-decorators/stage3-decorators.md)

docs/ja/class-component/accessor/accessor.md

@@ -0,0 +1,23 @@
+## 使用方法
+
+`getters`プロパティは`{computed:{get:Foo}}`に変換されます。
+
+[](./code-usage.ts ':include :type=code typescript')
+
+## 書き込み可能な算出関数
+
+`setters`プロパティは`{computed:{set:Foo}}`に変換されます。
+
+[](./code-writable.ts ':include :type=code typescript')
+
+## Vanilla ゲッター
+
+`@Vanilla`でES vanillaのゲッターを定義できます。
+
+[](./code-vanilla-getter.ts ':include :type=code typescript')
+
+## Vanilla セッター
+
+`@Vanilla`でES vanillaのセッターを定義できます。
+
+[](./code-vanilla-setter.ts ':include :type=code typescript')

docs/ja/class-component/accessor/code-usage.ts

@@ -0,0 +1,22 @@
+
+import { Component, Vue, toNative } from 'vue-facing-decorator'
+
+/*
+Vue options API
+{
+    computed:{
+        get(){
+            return 'value'
+        }
+    }
+}
+*/
+
+@Component
+class MyComponent extends Vue {
+    get getter() {
+        return 'value'
+    }
+}
+
+export default toNative(MyComponent)

docs/ja/class-component/accessor/code-vanilla-getter.ts

@@ -0,0 +1,12 @@
+
+import { Component, Vue, Vanilla, toNative } from 'vue-facing-decorator'
+
+@Component
+class MyComponent extends Vue {
+    @Vanilla
+    get getter() {
+        return 'value'
+    }
+}
+
+export default toNative(MyComponent)

docs/ja/class-component/accessor/code-vanilla-setter.ts

@@ -0,0 +1,13 @@
+
+import { Component, Vue, Vanilla, toNative } from 'vue-facing-decorator'
+
+@Component
+class MyComponent extends Vue {
+    foo = ''
+    @Vanilla
+    set setter(bar: string) {
+        this.foo = bar
+    }
+}
+
+export default toNative(MyComponent)

docs/ja/class-component/accessor/code-writable.ts

@@ -0,0 +1,28 @@
+
+import { Component, Vue, toNative } from 'vue-facing-decorator'
+
+/*
+Vue options API
+{
+    data(){
+        return {
+            foo:''
+        }
+    },
+    computed:{
+        set(bar){
+            this.foo = bar
+        }
+    }
+}
+*/
+
+@Component
+class MyComponent extends Vue {
+    foo = ''
+    set setter(bar: string) {
+        this.foo = bar
+    }
+}
+
+export default toNative(MyComponent)

docs/ja/class-component/component-property/code-option-default.ts

@@ -0,0 +1,24 @@
+
+import { Prop, Component, Vue, toNative } from 'vue-facing-decorator'
+
+/*
+
+Vue options API
+{
+    props:{
+        p:{
+            default: 'foo'
+        }
+    }
+}
+*/
+
+@Component
+class MyComponent extends Vue {
+    @Prop({
+        default: 'foo'
+    })
+    p!: string
+}
+
+export default toNative(MyComponent)

docs/ja/class-component/component-property/code-option-required.ts

@@ -0,0 +1,24 @@
+
+import { Prop, Component, Vue, toNative } from 'vue-facing-decorator'
+
+/*
+
+Vue options API
+{
+    props:{
+        p:{
+            required:true
+        }
+    }
+}
+*/
+
+@Component
+class MyComponent extends Vue {
+    @Prop({
+        required: true
+    })
+    p!: string
+}
+
+export default toNative(MyComponent)

docs/ja/class-component/component-property/code-option-type.ts

@@ -0,0 +1,24 @@
+
+import { Prop, Component, Vue, toNative } from 'vue-facing-decorator'
+
+/*
+
+Vue options API
+{
+    props:{
+        p:{
+            type: String
+        }
+    }
+}
+*/
+
+@Component
+class MyComponent extends Vue {
+    @Prop({
+        type: String
+    })
+    p?: string
+}
+
+export default toNative(MyComponent)

docs/ja/class-component/component-property/code-option-validator.ts

@@ -0,0 +1,28 @@
+
+import { Prop, Component, Vue, toNative } from 'vue-facing-decorator'
+
+/*
+
+Vue options API
+{
+    props:{
+        p:{
+             validator(val:any){
+                return true
+            }
+        }
+    }
+}
+*/
+
+@Component
+class MyComponent extends Vue {
+    @Prop({
+        validator(val: any) {
+            return true
+        }
+    })
+    p?: string
+}
+
+export default toNative(MyComponent)

docs/ja/class-component/component-property/code-usage.ts

@@ -0,0 +1,22 @@
+
+import { Prop, Component, Vue, toNative } from 'vue-facing-decorator'
+
+/*
+
+Vue options API
+{
+    props:{
+        p:{
+
+        }
+    }
+}
+*/
+
+@Component
+class MyComponent extends Vue {
+    @Prop
+    p?: string
+}
+
+export default toNative(MyComponent)

docs/ja/class-component/component-property/component-property.md

@@ -0,0 +1,31 @@
+## 使用方法
+
+`Prop`デコレーターを使用して、Vue の`props`を定義できます。
+
+[](./code-usage.ts ':include :type=code typescript')
+
+## オプション
+
+### default
+
+以下のソースコードでは`props`のデフォルト値を設定しています。
+
+[](./code-option-default.ts ':include :type=code typescript')
+
+### required
+
+以下のソースコードでは`props`の必須是非を設定しています。
+
+[](./code-option-required.ts ':include :type=code typescript')
+
+### type
+
+以下のソースコードでは`props`のデータ型を設定しています。
+
+[](./code-option-type.ts ':include :type=code typescript')
+
+### validator
+
+以下のソースコードでは`props`のバリデーターを設定しています。
+
+[](./code-option-validator.ts ':include :type=code typescript')

docs/ja/class-component/component/code-option-components.ts

@@ -0,0 +1,27 @@
+
+import { Component, Vue, toNative } from 'vue-facing-decorator'
+
+@Component
+class MyAnotherComponent extends Vue {
+
+}
+
+/*
+Vue options component
+{
+    components:{
+        MyAnotherComponent
+    }
+}
+*/
+
+@Component({
+    components: {
+        MyAnotherComponent
+    }
+})
+class MyComponent extends Vue {
+
+}
+
+export default toNative(MyComponent)

docs/ja/class-component/component/code-option-directives.ts

@@ -0,0 +1,22 @@
+
+import { Component, Vue, toNative } from 'vue-facing-decorator'
+
+/*
+Vue options component
+{
+    directives:{
+        MyDirective:{}
+    }
+}
+*/
+
+@Component({
+    directives: {
+        MyDirective: {}
+    }
+})
+class MyComponent extends Vue {
+
+}
+
+export default toNative(MyComponent)

docs/ja/class-component/component/code-option-emits.ts

@@ -0,0 +1,18 @@
+
+import { Component, Vue, toNative } from 'vue-facing-decorator'
+
+/*
+Vue options component
+{
+    emits:['MyEvent']
+}
+*/
+
+@Component({
+    emits: ['MyEvent']
+})
+class MyComponent extends Vue {
+
+}
+
+export default toNative(MyComponent)