Merge pull request #209 from LucasBremm/async-components

Docs: Translation of guide/migration/async-components.md

Author: GuiDevloper

src/guide/migration/async-components.md

@@ -3,27 +3,27 @@ badges:
   - new
 ---
 
-# Async Components <MigrationBadges :badges="$frontmatter.badges" />
+# Componentes Assíncronos <MigrationBadges :badges="$frontmatter.badges" />
 
-## Overview
+## Visão Geral
 
-Here is a high level overview of what has changed:
+Sobre o que mudou, em visão geral:
 
-- New `defineAsyncComponent` helper method that explicitly defines async components
-- `component` option renamed to `loader`
-- Loader function does not inherently receive `resolve` and `reject` arguments and must return a Promise
+- Novo método helper `defineAsyncComponent` que define explicitamente componentes assíncronos
+- Opção `component` renomeada para `loader`
+- Função Loader não recebe inerentemente os argumentos `resolve` e `reject` e deve retornar uma Promise
 
-For a more in-depth explanation, read on!
+Para uma explicação mais aprofundada, continue lendo!
 
-## Introduction
+## Introdução
 
-Previously, async components were created by simply defining a component as a function that returned a promise, such as:
+Anteriormente, componentes assíncronos eram criados simplesmente definindo um componente como uma função que retornava uma Promise, tal como:
 
 ```js
 const asyncPage = () => import('./NextPage.vue')
 ```
 
-Or, for the more advanced component syntax with options:
+Ou, para os componentes com sintaxe mais avançada com opções:
 
 ```js
 const asyncPage = {
@@ -35,19 +35,19 @@ const asyncPage = {
 }
 ```
 
-## 3.x Syntax
+## Sintaxe v3.x
 
-Now, in Vue 3, since functional components are defined as pure functions, async components definitions need to be explicitly defined by wrapping it in a new `defineAsyncComponent` helper:
+Agora, no Vue 3, uma vez que os componentes funcionais são definidos como funções puras, as definições de componentes assíncronos precisam ser definidas explicitamente, envolvendo-o em um novo helper `defineAsyncComponent`:
 
 ```js
 import { defineAsyncComponent } from 'vue'
 import ErrorComponent from './components/ErrorComponent.vue'
 import LoadingComponent from './components/LoadingComponent.vue'
 
-// Async component without options
+// Componente Assíncrono sem opções
 const asyncPage = defineAsyncComponent(() => import('./NextPage.vue'))
 
-// Async component with options
+// Componente Assíncrono com opções
 const asyncPageWithOptions = defineAsyncComponent({
   loader: () => import('./NextPage.vue'),
   delay: 200,
@@ -57,7 +57,7 @@ const asyncPageWithOptions = defineAsyncComponent({
 })
 ```
 
-Another change that has been made from 2.x is that the `component` option is now renamed to `loader` in order to accurately communicate that a component definition cannot be provided directly.
+Outra mudança em relação a v2.x é a de que a opção `component` foi renomeada para `loader` a fim de comunicar com precisão que uma definição de componente não pode ser fornecida diretamente.
 
 ```js{4}
 import { defineAsyncComponent } from 'vue'
@@ -71,15 +71,15 @@ const asyncPageWithOptions = defineAsyncComponent({
 })
 ```
 
-In addition, unlike 2.x, the loader function no longer receives the `resolve` and `reject` arguments and must always return a Promise.
+Além disso, ao contrário da versão 2.x, a função loader não recebe mais os argumentos `resolve` e `reject`, e deve sempre retornar uma Promise.
 
 ```js
-// 2.x version
+// Versão 2.x
 const oldAsyncComponent = (resolve, reject) => {
   /* ... */
 }
 
-// 3.x version
+// Versão 3.x
 const asyncComponent = defineAsyncComponent(
   () =>
     new Promise((resolve, reject) => {
@@ -88,6 +88,6 @@ const asyncComponent = defineAsyncComponent(
 )
 ```
 
-For more information on the usage of async components, see:
+Para mais informações sobre o uso de componentes assincronos, leia:
 
-- [Guide: Dynamic & Async Components](/guide/component-dynamic-async.html#dynamic-components-with-keep-alive)
+- [Guia: Componentes Dinâmicos & Assíncronos](/guide/component-dynamic-async.html#componentes-dinamicos-com-keep-alive)