Revision in guide/migration/functional-components

Author: GuiDevloper

src/guide/migration/functional-components.md

@@ -5,11 +5,11 @@ badges:
 
 # Componentes Funcionais <MigrationBadges :badges="$frontmatter.badges" />
 
-## Visão Geral  
+## Visão Geral
 
 Sobre o que mudou, em visão geral:
 
-- O ganho de performance com componentes funcionais na versão 2.x, se tornou insignificante na versão 3.x, sendo recomendado o uso de componentes com estado
+- O ganho de performance com componentes funcionais na v2.x, se tornou insignificante na v3.x, então recomendamos o uso normal de componentes com estado
 - Componentes Funcionais só podem ser criados com uma função simples que recebe `props` e `context` (i.e., `slots`, `attrs`, `emit`)
 - **BREAKING:** O atributo `functional` na tag `<template>` em componentes single-file (SFC) foi removido
 - **BREAKING:** A opção `{ functional: true }` em componentes criados por funções foi removida
@@ -25,11 +25,11 @@ No Vue 2, componentes funcionais tinham dois casos de uso primários:
 
 Porém, no Vue 3, a performance de componentes com estado melhorou, a ponto de a diferença ser insignificante. Além disso, componentes com estado agora também incluem a possibilidade de retornar multiplos nós raiz (root nodes).
 
-Como resultado, o único caso de uso restante para componentes funcionais é componentes simples, como um componente para heading dinâmico (dynamic heading). Caso contrário, é recomendável usar componentes com estado, como você normalmente faria.
+Como resultado, o único caso de uso restante para componentes funcionais é um componente simples, como um componente para um cabeçalho dinâmico. Caso contrário, é recomendável usar componentes com estado, como você normalmente faria.
 
-## Sintaxe 2.x
+## Sintaxe v2.x
 
-Considerando o componente `<dynamic-heading>`, que é responsável por renderizar o heading apropriado (i.e., `h1`, `h2`, `h3`, etc.), poderia ser escrito como um componente single-file na versão 2.x, da seguinte forma:
+Considerando o componente `<dynamic-heading>`, que é responsável por renderizar o cabeçalho apropriado (i.e., `h1`, `h2`, `h3`, etc.), poderia ser escrito como um componente single-file na v2.x da seguinte forma:
 
 ```js
 // Exemplo de Componente Funcional no Vue 2
@@ -61,17 +61,17 @@ export default {
 </script>
 ```
 
-## Sintaxe 3.x
+## Sintaxe v3.x
 
 ### Componentes Criados por Funções
 
 Agora no Vue 3, todos os componentes funcionais são criados com uma função simples. Em outras palavras, não há mais a necessidade de definir a opção `{ functional: true }` no componente.
 
-As funções receberão dois argumentos: `props` e `context`. O argumento `context` é um objeto que contem as propriedados `attrs`, `slots`, e `emit` de um componente.
+As funções receberão dois argumentos: `props` e `context`. O argumento `context` é um objeto que contém as propriedados `attrs`, `slots`, e `emit` de um componente.
 
-Além disso, ao invés de fornecer implicitamente o argumento `h` em uma função de `renderização`, `h` agora é importado globalmente.
+Além disso, ao invés de fornecer implicitamente o argumento `h` em uma função `render`, `h` agora é importado globalmente.
 
-Usando o exemplo mencionado previamente de um componente `<dynamic-heading>`, aqui está como será na nova versão:
+Usando o exemplo mencionado anteriormente de um componente `<dynamic-heading>`, aqui está como ficou agora:
 
 ```js
 import { h } from 'vue'
@@ -85,11 +85,11 @@ DynamicHeading.props = ['level']
 export default DynamicHeading
 ```
 
-### Componentes Single File (SFCs)
+### Componentes Single-File (SFCs)
 
-Na versão 3.x, a diferença de performance entre componentes funcionais e de estado foi reduzida drasticamente, e será insignificante na maioria dos casos. Como resultado, o caminho de migração para desenvolvedores usando o atributo `functional` em componentes single-page é remover o atributo e renomear as referencias de `props` para `$props` e `attrs` para `$attrs`.
+Na v3.x, a diferença de performance entre componentes funcionais e de estado foi reduzida drasticamente, e será insignificante na maioria dos casos. Como resultado, o caminho de migração para desenvolvedores usando o atributo `functional` em componentes single-page é remover o atributo e renomear as referências de `props` para `$props` e `attrs` para `$attrs`.
 
-Usando o exemplo `<dynamic-heading>` de antes, aqui está como será na nova versão:
+Usando o exemplo `<dynamic-heading>` de antes, aqui está como ficaria agora:
 
 ```js{1}
 <template>
@@ -113,7 +113,7 @@ As principais diferenças são:
 
 ## Próximos Passos
 
-Para mais informação sobre o uso dos novos componentes funcionais e as mudanças nas "funções de renderização" em geral, acesse:
+Para mais informação sobre o uso dos novos componentes funcionais e as mudanças nas funções de renderização em geral, acesse:
 
-- [Migration: Render Functions](/guide/migration/render-function-api.html)
-- [Guide: Render Functions](/guide/render-function.html)
+- [Migração: API da Função de Renderização](/guide/migration/render-function-api.html)
+- [Guia: Funções de Renderização](/guide/render-function.html)