docs(pt): update the translated content inside features folder (#2255)

Author: nazarepiedady

content/pt/docs/3.features/1.rendering-modes.md

@@ -1,31 +1,31 @@
 ---
-title: Renderização
+title: Modos de Interpretação
 category: features
 ---
 
-# Renderização
+# Modos de Interpretação
 
-## Sites Renderizados no Lado do Servidor e Sites Estáticos
+## Sítios Interpretados do Lado do Servidor e Sítios Estáticos
 
-**Sites Renderizados no Lado do Servidor** são renderizados no servidor a cada momento que o usuário requisitar uma página, então é necessário um servidor para encarregar-se de servir a página a cada requisição.
+Os **sítios interpretados do lado do servidor** são interpretados no servidor sempre que um utilizador solicita uma página, pelo que é necessário um servidor para poder servir a página em cada requisição.
 
-**Sites Estáticos** são muito similares as aplicações renderizadas no lado do servidor com a diferença principal sendo que sites estáticos são renderizados no momento de construção, então o servidor não é necessário. A navegação de uma página para outra está então no lado do cliente.
+Os **sítios estáticos** são muito semelhantes às aplicações interpretadas do lado do servidor, com a principal diferença de que os sítios estáticos são interpretados no momento da construção, pelo que não é necessário um servidor. A navegação duma página a outra é então efetuada no lado do cliente.
 
-Consulte [alvos do deployment](/docs/features/deployment-targets) para obter informações mais detalhas sobre hospedagem de sites estáticos e renderizados no servidor.
+Consultar [destinos de implantação](/docs/features/deployment-targets) para obter mais informações sobre a hospedagem estática e de servidor:
 
 ```js{}[nuxt.config.js]
 export default {
-  ssr: true // valor padrão
+  ssr: true // valor predefinido
 }
 ```
 
 ::alert{type="info"}
-Você não precisa adicionar `ssr: true` a sua configuração do Nuxt com o fim de ativar a renderização no lado do servidor porque esta opção está ativada por padrão.
+Não precisamos adicionar `ssr: true` à nossa configuração da Nuxt para ativar a interpretação do lado do servidor, porque esta está ativada por padrão.
 ::
 
-## Renderizando Apenas no Lado do Cliente
+## Interpretação Apenas do Lado do Cliente
 
-Com a renderização apenas no lado do cliente não há renderização no lado do servidor. Renderização no lado do cliente significa renderizar o conteúdo no navegador usando JavaScript. Ao invés de receber todo o conteúdo a partir do HTML nós apenas recebemos um documento HTML básico com um ficheiro JavaScript que depois renderizará o resto no navegador. Para renderizar no lado do cliente defina o ssr para `false`.
+Com a interpretação apenas do lado do cliente, não existe interpretação do lado do servidor. A interpretação do lado do cliente significa interpretar o conteúdo no navegador utilizando a JavaScript. Em vez de obtermos todo o conteúdo da marcação de hipertexto, obtemos apenas um documento de marcação de hipertexto básico com um ficheiro de JavaScript que depois desenhará o resto do sítio utilizando o navegador. Para a interpretação do lado do cliente, definimos `ssr` como `false`:
 
 ```js{}[nuxt.config.js]
 export default {
@@ -34,5 +34,5 @@ export default {
 ```
 
 ::alert{type="next"}
-[A propriedade ssr](/docs/configuration-glossary/configuration-ssr)
+A [propriedade `ssr`](/docs/configuration-glossary/configuration-ssr).
 ::

content/pt/docs/3.features/10.transitions.md

@@ -1,16 +1,17 @@
 ---
 title: Transições
-description: O Nuxt usa o componente de transição para permitir que você criar animações e transições incríveis entre suas rotas.
+description: A Nuxt utiliza o componente de transição para permitir-nos criar transições e animações fantásticas entre as nossas rotas.
 category: features
 csb_link: https://codesandbox.io/embed/github/nuxt-academy/guides-examples/tree/master/03_features/05_transitions?fontsize=14&hidenavigation=1&theme=dark
 ---
+
 # Transições
 
-O Nuxt usa o [componente de transição](http://vuejs.org/v2/guide/transitions.html#Transitioning-Single-Elements-Components) para permitir que você criar animações e transições incríveis entre suas rotas.
+A Nuxt utiliza o [componente de transição](http://vuejs.org/v2/guide/transitions.html#Transitioning-Single-Elements-Components) para permitir-nos criar transições e animações fantásticas entre as nossas rotas.
 
 ---
 
-Para definir uma transição personalizada para uma rota específica, adiciona a chave `transition`  ao componente da página.
+Para definir uma transição personalizada para uma rota específica, adicionamos a chave `transition` ao componente de página:
 
 ```js{}[pages/index.vue]
 export default {
@@ -25,25 +26,25 @@ export default {
 
 ## Sequência de Caracteres
 
-Se a chave `transition` for definida como uma sequência de caracteres, ela será usada como o `transition.name`.
+Se a chave `transition` for definida como uma sequência de caracteres (`string`), esta será usada como `transition.name`:
 
 ```js{}[pages/index.vue]
 export default {
   transition: 'home'
 }
 ```
 
-O Nuxt usará essas configurações para definir o componente da seguinte forma:
+A Nuxt usará estas configurações para definir o componente da seguinte maneira:
 
 ```html{}[pages/index.vue]
 <transition name="home"></transition>
 ```
 
 ::alert{type="warning"}
-Isto é feito automaticamente e você não precisa adicionar o componente `<transition>` a sua página ou esquemas (layouts).
+Isto é feito automaticamente para nós, e não precisamos de adicionar o componente `<transition>` às nossas páginas e disposições.
 ::
 
-Agora tudo o que você precisa fazer é criar a nova classe para suas transições.
+Agora, tudo o que temos de fazer é criar a nova classe para as nossas transições:
 
 ```html{}[pages/index.vue]
 <style>
@@ -65,15 +66,15 @@ export default {
 }
 ```
 
-O Nuxt usará essas configurações para definir o componente da seguinte forma:
+A Nuxt usará estas configurações para definir o componente da seguinte maneira:
 
 ```html{}[pages/index.vue]
 <transition name="home" mode="out-in"></transition>
 ```
 
-O objeto `transition`  pode ter várias propriedades tais como name, mode, css, duration e muitas mais. Consulte a documentação do vue para ter informações mais detalhadas.
+O objeto `transition` pode ter muitas propriedades como `name`, `mode`, `css`, `duration` e muito mais. Consultar a [documentação da Vue](https://v2.vuejs.org/v2/guide/transitions) por mais informações.
 
-Você também pode definir métodos dentro da propriedade `transition` , para saber mais sobre consulte os [Gatilhos de JavaScript](https://v2.vuejs.org/v2/guide/transitions.html#JavaScript-Hooks) na documentação do vue.
+Também podemos definir métodos na propriedade `transition` da página, para mais informações sobre as [funções gatilhos de JavaScript](https://v2.vuejs.org/v2/guide/transitions.html#JavaScript-Hooks) consultar a documentação da Vue:
 
 ```js
 export default {
@@ -88,7 +89,7 @@ export default {
 ### Modo de Transição
 
 ::alert{type="warning"}
-O modo de transição padrão para páginas diferem do modo padrão no Vue.js. O modo `transition` está por padrão definido como `out-in`. Se você quiser executar as transições de entrada e saída simultaneamente, voê tem de definir o mode para uma string vazia `mode: ''`.
+O modo de transição predefinido para as páginas é diferente do modo de transição predefinido na Vue.js. O modo de `transition` é, por padrão, definido como `out-in`. Se quisermos executar transições de entrada e saída em simultâneo, temos de definir o modo para a sequência de caracteres vazia `mode: ''`.
 ::
 
 ```js{}[pages/index.vue]
@@ -115,15 +116,15 @@ export default {
 }
 ```
 
-Transições aplicadas na navegação:
+Transições aplicadas às navegação:
 
 `/` to `/posts` => `slide-left`,`/posts` to `/posts?page=3` => `slide-left`,`/posts?page=3` to `/posts?page=2` => `slide-right`.
 
-## Configuração Global
+## Definições Globais
 
-O nome de transição padrão do Nuxt é `"page"`. Para adicionar uma transição fade para todas páginas da sua aplicação, tudo o que você precisa é um ficheiro CSS que é compartilhado por todas rotas.
+O nome da transição padrão da Nuxt é `"page"`. Para adicionar uma transição de desaparecimento a cada página da nossa aplicação, só precisamos de um ficheiro `.css` que seja partilhado por todas as nossas rotas.
 
-Nosso css global dentro de `assets/main.css`:
+A nossa folha de estilo global está em `assets/main.css`:
 
 ```css{}[assets/main.css]
 .page-enter-active,
@@ -136,21 +137,21 @@ Nosso css global dentro de `assets/main.css`:
 }
 ```
 
-Depois adicionarmos seu caminho ao array `css` dentro do nosso ficheiro de configuração `nuxt.config.js` :
+Depois adicionamos o seu caminho ao vetor `css` no nosso ficheiro `nuxt.config.js`:
 
 ```js{}[nuxt.config.js]
 export default {
   css: ['~/assets/main.css']
 }
 ```
 
-## Configuração das Configurações
+## Definições de Configuração
 
-### A Propriedade layoutTransition
+### A Propriedade `layoutTransition`
 
-A transição do esquema (ou layout) é usada para definir as propriedades da transições de esquema (layout).
+A transição de disposição é utilizada para definir as propriedades predefinidas das transições de disposição.
 
-A configuração padrão para transições de esquema são:
+As definições predefinidas para as transições de disposição são:
 
 ```js
 {
@@ -170,12 +171,12 @@ A configuração padrão para transições de esquema são:
 }
 ```
 
-Se você quiser mudar as configurações padrões para as transições do seu esquema você pode fazer isso dentro do ficheiro `nuxt.config.js`.
+Se quisermos alterar as definições predefinidas para as nossas transições de disposição, podemos fazer isto no ficheiro `nuxt.config.js`:
 
 ```js{}[nuxt.config.js]
 export default {
   layoutTransition: 'my-layouts'
-  // Ou
+  // ou
   layoutTransition: {
     name: 'my-layouts',
     mode: 'out-in'
@@ -194,9 +195,9 @@ export default {
 }
 ```
 
-### A Propriedade pageTransition
+### A Propriedade `pageTransition`
 
-A configuração padrão para transições de página são:
+As definições predefinidas para as transições de página são:
 
 ```js
 {
@@ -205,12 +206,12 @@ A configuração padrão para transições de página são:
 }
 ```
 
-Deseja você modificar a configuração padrão, você pode fazer isso dentro do `nuxt.config.js`
+Se quisermos modificar as definições predefinidas, podemos fazê-lo no ficheiro `nuxt.config.js`:
 
 ```js{}[nuxt.config.js]
 export default {
   pageTransition: 'my-page'
-  // Ou
+  // ou
   pageTransition: {
     name: 'my-page',
     mode: 'out-in',
@@ -221,7 +222,7 @@ export default {
 }
 ```
 
-Se você modificar o nome da transição da página você também terá de renomear a classe css.
+Se modificarmos o nome da transição de página, também teremos de renomear a classe da folha de estilo:
 
 ```css{}[assets/main.css]
 .my-page-enter-active,

content/pt/docs/3.features/11.live-preview.md

@@ -1,22 +1,24 @@
 ---
 title: Modo de Pré-visualização
-description: Pré-visualização ao vivo para o um alvo estático com o modo de pré-visualização
+description: Pré-visualização em direto do estático do destino com o modo de pré-visualização.
 category: features
 ---
+
 # Modo de Pré-visualização
 
-Pré-visualização ao vivo para alvo estático com o modo de pré-visualização
+Pré-visualização em direto do estático do destino com o modo de pré-visualização.
 
 ---
-Com o Nuxt e completamente estático você pode agora usar a pré-visualização ao vivo fora da caixa que chamará sua API ou CMS, assim você pode visualizar as mudanças ao vivo antes de desdobrar.
+
+Com a Nuxt e a geração de sítio totalmente estático, podemos agora utilizar a pré-visualização em direto, que chamará a nossa interface de programação de aplicação ou o nosso sistema de gestão de conteúdo para que possamos ver as alterações em direto antes da implantação.
 
 ::alert{type="warning"}
-Disponível apenas quando estiver usando [`target:static`](/docs/features/deployment-targets#static-hosting)
+Disponível apenas quando se utiliza [`target:static`](/docs/features/deployment-targets#hospedagem-estática)
 ::
 
-O modo de pré-visualização irá atualizar os dados da página automaticamente visto que ele usa `$nuxt.refresh` nos bastidores e portanto chama `nuxtServerInit`, `asyncDate` e `fetch` no lado do cliente.
+O modo de pré-visualização atualizará automaticamente os dados da página, uma vez que utiliza `$nuxt.refresh` e, por conseguinte, chama `nuxtServerInit`, `asyncData` e `fetch` no lado do cliente.
 
-No sentido de ativar a pré-visualização ao vivo você precisará adicionar o seguinte plugin:
+Para ativar a pré-visualização em direto, temos de adicionar a seguinte extensão:
 
 ```js{}[plugins/preview.client.js]
 export default function ({ query, enablePreview }) {
@@ -27,7 +29,7 @@ export default function ({ query, enablePreview }) {
 ```
 
 ::alert{type="warning"}
-O `enablePreview` está disponível apenas dentro do objeto de contexto dos plugins. Pré-visualizações são manipuladas no lado do cliente e desta maneira o plugin deve ser executado no cliente: `preview.client.js`
+A `enablePreview` só está disponível no objeto de contexto das extensões. As pré-visualizações são tratadas do lado do cliente e portanto, a extensão deve ser executada no cliente: `preview.client.js`.
 ::
 
 ```js{}[nuxt.config.js]
@@ -36,7 +38,7 @@ export default {
 }
 ```
 
-Uma vez que você adicionou o plugin você pode agora gerar seu site e servir ele.
+Depois de adicionarmos a extensão, podemos agora gerar o nosso sítio e servi-lo:
 
 ::code-group
 ```bash [Yarn]
@@ -49,35 +51,36 @@ npx nuxt start
 ```
 ::
 
-Em seguida você pode visualizar sua página de pré-visualização ao adicionar o parâmetro de consulta no final da página que você queira visualizar imediatamente:
+Depois, podemos ver a nossa página de pré-visualização adicionando o parâmetro de consulta ao fim da página que queremos ver imediatamente:
 
 ```js
 ?preview=true
 ```
 
 ::alert{type="warning"}
-O `enablePreview` deve ser testado localmente com o yarn start e não yarn dev
+A `enablePreview` deve ser testada localmente com `yarn start` e não com `yarn dev`.
 ::
 
-### Pré-visualizando Páginas Que Ainda Não Foram Geradas
+### Pré-visualizar páginas que ainda não foram geradas
 
-Para páginas que ainda não foram geradas, mesmo na queda do SPA elas ainda continuarão a chamar a API antes de exibir a página 404 como se essas páginas existissem na API mas que ainda não foram geradas.
+Para as páginas que ainda não foram geradas, o retrocesso da aplicação de página única continuará a chamar a interface de programação de aplicação antes de mostrar a página 404, uma vez que estas páginas existem na interface de programação de aplicação, mas ainda não foram geradas.
 
-Se você tiver definido um gatilho validate, você provavelmente precisará modificar ele, assim para que ele não redirecione para a página 404 no modo de pré-visualização.
+Se tivermos definido uma função gatilho de validação, provavelmente teremos de a modificar para que não redirecione para a página 404 no modo de pré-visualização:
 
 ```js
 validate({ params, query }) {
   if (query.preview) {
     return true
+  }
 }
 ```
 
-### Passando Dados ao enablePreview
+### Passar Dados para `enablePreview`
 
-Você pode passar dados para função `enablePreview`. Esses dados irão depois estar disponíveis no auxiliar de contexto `$preview` e no `this.$preview`.
+Podemos passar dados para a função `enablePreview`. Estes dados estarão então disponíveis no auxiliar de contexto `$preview` e em `this.$preview`.
 
-### O Que Se Segue
+### O Que Se Segue?
 
 ::alert{type="next"}
-Consulte o [livro da Estrutura do Diretório](/docs/directory-structure/nuxt)
+Consultar o livro [Estrutura do Diretório](/docs/directory-structure/nuxt).
 ::