docs: initializing pt-br translation

Author: brendon silva

docs/en/_navbar.md

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

docs/index.html

@@ -43,6 +43,7 @@
       loadNavbar: true,
       mergeNavbar: true,
       alias: {
+        '/pt-br/(.*)': '/pt-br/$1',
         '/zh-cn/(.*)': '/zh-cn/$1',
         '/en/(.*)': '/en/$1',
         '/': '/readme.md',

docs/pt-br/_coverpage.md

@@ -0,0 +1,9 @@
+# vue-facing-decorator
+
+> Designed for vue 3. 
+
+> Write class components by TypeScript decorator.
+
+![GitHub](https://img.shields.io/github/license/facing-dev/vue-facing-decorator) ![GitHub package.json version (branch)](https://img.shields.io/github/package-json/v/facing-dev/vue-facing-decorator/release) ![npm peer dependency version (scoped)](https://img.shields.io/npm/dependency-version/vue-facing-decorator/peer/vue) ![lts](https://img.shields.io/badge/LTS-prepared-blue)
+
+[GitHub](https://github.com/facing-dev/vue-facing-decorator) [Discord](https://discord.gg/4exxtFgkcz) [Donate](https://facing-dev.github.io/vue-facing-decorator/donate/donate.html) [Getting Started](#information)

docs/pt-br/_navbar.md

@@ -0,0 +1,3 @@
+- [Inglês](/en/readme.md)
+- [Chinês](/zh-cn/readme.md)
+- [Portuguese](/pt-br/readme.md)

docs/pt-br/_sidebar.md

@@ -0,0 +1,24 @@
+- [Information](/en/readme.md)
+- [Quick start](/en/quick-start/quick-start.md)
+- Class component
+    - [Component](/en/class-component/component/component.md)
+    - [Property](/en/class-component/property/property.md)
+    - [Method](/en/class-component/method/method.md)
+    - [Hooks](/en/class-component/hooks/hooks.md)
+    - [Component property](/en/class-component/component-property/component-property.md)
+    - [Accessor](/en/class-component/accessor/accessor.md)
+    - [Event](/en/class-component/event/event.md)
+    - [Reference](/en/class-component/reference/reference.md)
+    - [Watcher](/en/class-component/watcher/watcher.md)
+    - [Injection](/en/class-component/injection/injection.md)
+    - [Model](/en/class-component/model/model.md)
+    - [Use](/en/class-component/use/use.md)
+- Inheritance
+    - [ECMAScript class](/en/inheritance/es-class/es-class.md)
+    - [Component](/en/inheritance/component/component.md)
+    - [Complex example](/en/inheritance/complex-example/complex-example.md)
+- TSX
+    - [TSX render](/en/tsx/tsx-render/tsx-render.md)
+    - [Attribute types](/en/tsx/attribute-types/attribute-types.md)
+- Compatibility
+    - [reflect-metadata](/en/compatibility/reflect-metadata/reflect-metadata.md)

docs/pt-br/class-component/accessor/accessor.md

@@ -0,0 +1,23 @@
+## Usage
+
+Property getters will be tranformed into `{computed:{get:Foo}}`.
+
+[](./code-usage.ts ':include :type=code typescript')
+
+## Writable
+
+Property setters will be tranformed into `{computed:{set:Foo}}`.
+
+[](./code-writable.ts ':include :type=code typescript')
+
+## Vanilla getter
+
+We can define a ES vanilla getter by `@Vanilla`.
+
+[](./code-vanilla-getter.ts ':include :type=code typescript')
+
+## Vanilla setter
+
+We can define a ES vanilla setter by `@Vanilla`.
+
+[](./code-vanilla-setter.ts ':include :type=code typescript')

docs/pt-br/class-component/accessor/code-usage.ts

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

docs/pt-br/class-component/accessor/code-vanilla-getter.ts

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

docs/pt-br/class-component/accessor/code-vanilla-setter.ts

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

docs/pt-br/class-component/accessor/code-writable.ts

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

docs/pt-br/class-component/component-property/code-option-default.ts

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

docs/pt-br/class-component/component-property/code-option-required.ts

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

docs/pt-br/class-component/component-property/code-option-type.ts

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

docs/pt-br/class-component/component-property/code-option-validator.ts

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

docs/pt-br/class-component/component-property/code-usage.ts

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

docs/pt-br/class-component/component-property/component-property.md

@@ -0,0 +1,31 @@
+## Usage
+
+Use `Prop` decorator to define a property in vue's `props`.
+
+[](./code-usage.ts ':include :type=code typescript')
+
+## Options
+
+### default
+
+This is the `default` in vue `props`.
+
+[](./code-option-default.ts ':include :type=code typescript')
+
+### required
+
+This is the `required` in vue `props`.
+
+[](./code-option-required.ts ':include :type=code typescript')
+
+### type
+
+This is the `type` in vue `props`.
+
+[](./code-option-type.ts ':include :type=code typescript')
+
+### validator
+
+This is the `validator` in vue `props`.
+
+[](./code-option-validator.ts ':include :type=code typescript')

docs/pt-br/class-component/component/code-option-components.ts

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

docs/pt-br/class-component/component/code-option-directives.ts

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

docs/pt-br/class-component/component/code-option-emits.ts

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

docs/pt-br/class-component/component/code-option-expose.ts

@@ -0,0 +1,16 @@
+
+import { Component, Vue } from 'vue-facing-decorator'
+
+/*
+Vue options component
+{
+    expose:['name']
+}
+*/
+
+@Component({
+    expose: ['Name']
+})
+export default class MyComponent extends Vue {
+
+}