docs-pr-br: setup

Author: bhssilva-star

docs/pt-br/_sidebar.md

@@ -12,7 +12,7 @@
     - [Observadores](/pt-br/class-component/watcher/watcher.md)
     - [Inject](/pt-br/class-component/injection/injection.md)
     - [Model](/pt-br/class-component/model/model.md)
-    - [Use](/pt-br/class-component/use/use.md)
+    - [Setup](/pt-br/class-component/setup/setup.md)
 - Herança
     - [Classes ECMAScript](/pt-br/inheritance/es-class/es-class.md)
     - [Componentes](/pt-br/inheritance/component/component.md)

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

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

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

@@ -58,6 +58,12 @@ Se você utiliza SFC ( Single File components ). O método render será aplicado
 
 [](./code-option-render.ts ':include :type=code typescript')
 
+### setup
+
+Assim fica a propriedade `setup` do vue options API, mas não pode retornar uma função render. 
+
+[](./code-option-setup.ts ':include :type=code typescript')
+
 ### template
 
 Assim fica a propriedade `template` do vue options API.

docs/pt-br/class-component/use/code-usage-base.ts renamed to docs/pt-br/class-component/setup/code-usage-base.ts

@@ -1,11 +1,11 @@
-import { Component, Vue, Use } from 'vue-facing-decorator'
+import { Component, Vue, Setup } from 'vue-facing-decorator'
 import { ref } from 'vue'
 import { useRouter, Router } from 'vue-router'
 
 @Component
 class MyComponent extends Vue {
 
-    @Use(useRouter)
+    @Setup((props,ctx)=>useRouter())
     router!: Router
 
     mounted() {
@@ -16,7 +16,7 @@ class MyComponent extends Vue {
 @Component
 class MyComponent2 extends Vue {
 
-    @Use(() => ref('hello world'))
+    @Setup(() => ref('hello world'))
     data!: string
 
     mounted() {

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

@@ -0,0 +1,7 @@
+## Utilização
+
+Use o decorator `Setup` exportado de `'vue-facing-decorator'` para injetar [composables](https://vuejs.org/guide/reusability/composables.html) no seu class componente como uma propriedade. 
+
+[](./code-usage-base.ts ':include :type=code typescript')
+
+