docs(pt): update get-started folder and concepts/index (#2252)

Author: nazarepiedady

Diff for: content/pt/docs/1.get-started/1.installation.md

@@ -1,102 +1,103 @@
 ---
 title: Instalação
-description: Aqui, você vai encontrar informações sobre como configurar e iniciar um projeto Nuxt em 4 passos.
+description: Neste artigo, encontraremos informação sobre como configurar e executar um projeto de Nuxt dentro de 4 passos.
 category: get-started
 csb_link: https://codesandbox.io/embed/github/nuxt-academy/guides-examples/tree/master/01_get_started/01_installation?fontsize=14&hidenavigation=1&theme=dark
 CreateNuxtAppVideo: wHkPjOmJTt0
-CreateNuxtAppVideoTitle: Usando create-nuxt-app
+CreateNuxtAppVideoTitle: Usar a create-nuxt-app
 ManualInstallVideo: mKV_9AIG70E
-ManualInstallVideoTitle: Instalar Nuxt manualmente
+ManualInstallVideoTitle: Instalar a Nuxt Manualmente
 ---
 
 # Instalação
 
-Aqui, você vai encontrar informações sobre como configurar e iniciar um projeto Nuxt em 4 passos.
+Neste artigo, encontraremos informação sobre como configurar e executar um projeto de Nuxt dentro de 4 passos.
 
 ---
 
-## Online playground
+## Zona de Testes Virtuais
 
-Você pode divertir-se com o Nuxt de forma online, diretamente pelo CodeSandbox ou StackBlitz:
-:app-button[Divertir-se no CodeSandbox]{href=https://codesandbox.io/s/github/nuxt/codesandbox-nuxt/tree/master/ size="small" externalIcon}
-:app-button[Divertir-se no StackBlitz]{href=https://stackblitz.com/github/nuxt/starter/tree/stackblitz size="small" externalIcon}
+Podemos brincar com a Nuxt diretamente na CodeSandbox ou na StackBlitz:
+
+:app-button[Brincar na CodeSandbox]{href=https://codesandbox.io/s/github/nuxt/codesandbox-nuxt/tree/master/ size="small" externalIcon}
+:app-button[Brincar na StackBlitz]{href=https://stackblitz.com/github/nuxt/starter/tree/stackblitz size="small" externalIcon}
 
 ## Pré-requisitos
 
-- [node](https://nodejs.org) - _Nós recomendamos que você tenha a última versão LTS instalada_.
-- Um editor de texto, nós recomendamos [VS Code](https://code.visualstudio.com/) com a extensão [Vetur](https://marketplace.visualstudio.com/items?itemName=octref.vetur) ou [WebStorm](https://www.jetbrains.com/webstorm/)
+- [node](https://nodejs.org) - _recomendamos ter a ou a 16.x ou a 14.x instalada_.
+- Um editor de texto, recomendamos [VS Code](https://code.visualstudio.com/) com a extensão [Volar](https://marketplace.visualstudio.com/items?itemName=Vue.volar) ou [WebStorm](https://www.jetbrains.com/webstorm/)
 - Um terminal, nós recomendamos utilizar o [terminal integrado](https://code.visualstudio.com/docs/editor/integrated-terminal) do VS Code ou [terminal WebStorm](https://www.jetbrains.com/help/webstorm/terminal-emulator.html).
 
-## Usando create-nuxt-app
+## Usar a `create-nuxt-app`
 
-Para iniciar rapidamente, você pode utilizar [create-nuxt-app](https://github.com/nuxt/create-nuxt-app).
+Para iniciarmos rapidamente, podemos usar a [`create-nuxt-app`](https://github.com/nuxt/create-nuxt-app).
 
-Tenha certeza que você possui instalado o yarn, npx (incluido por padrão no npm v5.2+) ou npm (v6.1+).
+Precisamos de certificar-nos de que temos instalado as ferramentas, yarn, npx (incluída por padrão com a npm v5.2+) ou npm (v6.1+).
 
 ::code-group
-
 ```bash [Yarn]
 yarn create nuxt-app <project-name>
 ```
-
 ```bash [NPX]
 npx create-nuxt-app <project-name>
 ```
-
 ```bash [NPM]
 npm init nuxt-app <project-name>
 ```
-
+```bash [PNPM]
+pnpm create nuxt-app <project-name>
+```
 ::
 
-O terminal irá fazer algumas perguntas (nome, opções do Nuxt, framework de UI, TypeScript, linter, framework de testes, etc). Para encontrar mais detalhes sobre todas essas opções veja a [documentação create-nuxt-app](https://github.com/nuxt/create-nuxt-app/blob/master/README.md).
+O programa fazer-nos-á algumas perguntas (nome, opções da Nuxt, abstração de interface de utilizador, TypeScript, analisador de código, abstração de teste, etc). Para sabermos mais sobre todas as opções, podemos consultar a [documentação da `create-nuxt-app`](https://github.com/nuxt/create-nuxt-app/blob/master/README.md).
 
-Uma vez que todas as questões foram respondidas, será instalada todas as dependências. O próximo passo é navegar para a pasta do projeto e inicia-lo:
+Quando todas as perguntas forem respondidas, esta instalará todas as dependências. O passo seguinte é navegar para a pasta do projeto e iniciá-lo:
 
 ::code-group
-
 ```bash [Yarn]
 cd <project-name>
 yarn dev
 ```
-
 ```bash [NPM]
 cd <project-name>
 npm run dev
 ```
-
+```bash [PNPM]
+cd <project-name>
+pnpm dev
+```
 ::
 
-A aplicação agora estará rodando em [http://localhost:3000](http://localhost:3000). Parabéns!
+A aplicação está agora a ser executada em [http://localhost:3000](http://localhost:3000). Muito bem!
 
 ::alert{type="info"}
-Outra forma de iniciar o Nuxt é utilizando [CodeSandbox](https://template.nuxtjs.org) o qual é uma ótima maneira de iniciar rapidamente no Nuxt e/ou compartilhar o seu código com outras pessoas.
+Outra maneira de começar a usar a Nuxt é com o uso da [CodeSandbox](https://template.nuxtjs.org), que é uma excelente maneira de brincar rapidamente com a Nuxt e/ou partilhar o nosso código com outras pessoas.
 ::
 
-## Instalação manual
+## Instalação Manual
 
-Criar um projeto Nuxt do início vai necessitar apenas de um arquivo e uma pasta.
+A criação de um projeto de Nuxt a partir do zero requer apenas um ficheiro e um diretório.
 
-Nós vamos usar o terminal para criar os diretórios e arquivos, sinta-se livre para criar usando um editor de sua escolha.
+Utilizaremos o terminal para criar os diretórios e ficheiros, mas podemos criá-los com o uso do nosso editor de eleição.
 
-### Configurando o seu projeto
+### Configurar o nosso projeto
 
-Crie uma pasta vazia com o nome do seu projeto e navegue para dentro dele :
+Criaremos um diretório vazio com o nome do nosso projeto e navegaremos para ele:
 
 ```bash
 mkdir <project-name>
 cd <project-name>
 ```
 
-_Substitua `<project-name>` com o nome do seu projeto._
+_Devemos substituir `<project-name>` pelo nome do nosso projeto._
 
-Crie o arquivo `package.json` :
+Criaremos o ficheiro `package.json`:
 
 ```bash
 touch package.json
 ```
 
-Preencha o conteúdo do seu `package.json` com :
+Preencheremos o conteúdo do nosso `package.json` com:
 
 ```json{}[package.json]
 {
@@ -110,112 +111,110 @@ Preencha o conteúdo do seu `package.json` com :
 }
 ```
 
-`scripts` define os comandos do Nuxt que serão executados com o comando `npm run <command>` ou `yarn <command>`.
+`scripts` definem comandos da Nuxt que serão iniciados com o comando `npm run <command>` ou `yarn <command>`.
 
-#### **O que é o arquivo package.json ?**
+#### **O que é um ficheiro `package.json`?**
 
-O arquivo `package.json` é como o documento de identificação do seu projeto. Ele irá conter todas as dependências do projeto e muito mais. Se você não sabe o que é o arquivo `package.json`, nós recomendamos imensamente a leitura da documentação do [npm](https://docs.npmjs.com/creating-a-package-json-file).
+O ficheiro `package.json` é como o cartão de identificação do nosso projeto. Contém todas as dependências do projeto e muito mais. Se não soubermos o que é o ficheiro `package.json`, podemos dar uma leitura rápida da [documentação da npm](https://docs.npmjs.com/creating-a-package-json-file).
 
-### Instalando Nuxt
+### Instalar a Nuxt
 
-Uma vez que o `package.json` foi criado, adicione `nuxt` no seu projeto via `npm` or `yarn` utilizando um dos comandos abaixo:
+Uma vez que o `package.json` tenha sido criado, adicionamos a `nuxt` ao nosso projeto via `npm` ou `yarn` como abaixo:
 
 ::code-group
-
 ```bash [Yarn]
 yarn add nuxt
 ```
-
 ```bash [NPM]
 npm install nuxt
 ```
-
+```bash [PNPM]
+pnpm add nuxt --shamefully-hoist
+```
 ::
 
-Esse comando vai adicionar `nuxt` como uma dependência para o seu projeto e vai adiciona-lo no seu `package.json`. A pasta `node_modules` também será criada, é aonde todos os seus pacotes instalados e dependencias serão salvas.
+Este comando adicionará a `Nuxt` como uma dependência ao nosso projeto e adicionar-lo-á ao nosso `package.json`. O diretório `node_modules` também será criado, o qual é onde todos os nossos pacotes instalados e dependências serão armazenados.
 
 ::alert{type="info"}
 
-Um arquivo `yarn.lock` ou `package-lock.json` também será criado, o qual garante consistência e a compatibilidade das dependências instaladas no seu projeto.
+Um `yarn.lock` ou `package-lock.json` também é criado, garantindo uma instalação consistente e dependências compatíveis dos nossos pacotes instalados no nosso projeto.
 
 ::
 
-### Criando a sua primeira página
+### Criar a nossa primeira página
 
-Nuxt transforma todos arquivos `*.vue` dentro da pasta `pages` em rotas para a aplicação.
+A Nuxt transforma cada ficheiro `*.vue` dentro do diretório `pages` numa rota para a aplicação.
 
-Crie a pasta `pages` dentro do seu projeto :
+Criamos o diretório `pages` no nosso projeto:
 
 ```bash
 mkdir pages
 ```
 
-Então, crie um arquivo `index.vue` dentro da pasta `pages` :
+Depois, criamos um ficheiro `index.vue` dentro do diretório `pages`:
 
 ```bash
 touch pages/index.vue
 ```
 
-É importante que essa página seja nomeada `index.vue` dessa forma ela será a página principal que o Nuxt irá mostrar quando a aplicação abrir.
+É importante que esta página se chame `index.vue`, pois esta será a página inicial padrão que a Nuxt mostrará quando a aplicação abrir.
 
-Abra o arquivo `index.vue` no seu editor e adicione o seguinte conteúdo :
+Abrimos o ficheiro `index.vue` no nosso editor e adicionamos o seguinte conteúdo:
 
 ```html{}[pages/index.vue]
 <template>
   <h1>Hello world!</h1>
 </template>
 ```
 
-### Iniciando o projeto
+### Iniciar o projeto
 
-Inicie o seu projeto executando um dos seguintes comandos abaixo :
+Executamos o nosso projeto escrevendo um dos seguintes comandos no nosso terminal:
 
 ::code-group
-
 ```bash [Yarn]
 yarn dev
 ```
-
 ```bash [NPM]
 npm run dev
 ```
-
+```bash [PNPM]
+pnpm dev
+```
 ::
 
 ::alert{type="info"}
 
-Nós usamos o comando dev quando iniciamos a nossa aplicação no modo de desenvolvimento.
+Utilizamos o comando `dev` para executar a nossa aplicação em modo de desenvolvimento.
 
 ::
 
-A aplicação está agora rodando em **[http://localhost:3000](http://localhost:3000/)**.
+A aplicação está agora a ser executada em **[http://localhost:3000](http://localhost:3000/)**.
 
-Abra no seu navegador clicando no link do seu terminal e você deverá ver o texto "Hello world!"
-que nós copiamos no passo anterior.
+Abrimos a aplicação no nosso navegador clicando na hiperligação no nosso terminal e devemos ver o texto “Hello World” que copiámos no passo anterior.
 
 ::alert{type="info"}
 
-Quando iniciado o Nuxt no modo de desenvolvimento, ele estará escutando por mudanças nos arquivos dentro dos demais diretórios, então não há necessidade de reiniciar a aplicação quando por exemplo adicionar páginas novas.
+Quando iniciarmos a Nuxt no modo de desenvolvimento, esta ouvirá as alterações de ficheiros na maioria dos diretórios, pelo que não é necessário reiniciar a aplicação quando, por exemplo, adicionarmos novas páginas.
 
 ::
 
 ::alert{type="warning"}
 
-Quando você rodar o comando dev será criado uma pasta chamada `.nuxt`. Essa pasta deve ser ignorada
-pelo controle de versionamento. Você ignorar arquivos criando um arquivo `.gitignore` na raiz do projeto e adicionando .nuxt ao arquivo.
+Quando executarmos o comando `dev`, este criará uma pasta `.nuxt`. Esta pasta deve ser ignorada do controlo de versões. Podemos ignorar ficheiros criando um ficheiro `.gitignore` no nível da raiz e adicionando `.nuxt`.
 
 ::
 
-### Passo extra
+### Etapa de Bónus
 
-Crie uma pagina chamada `fun.vue` dentro da pasta `pages`.
+Criaremos uma página chamada `fun.vue` no diretório `pages`.
 
-Adicione um `<template></template>` e inclua um cabeçalho com uma frase engraçada dentro.
+Adicionaremos um `<template></template>` e incluímos um cabeçalho com uma frase engraçada no interior.
 
-Então, vá até o seu navegador e veja a sua nova página em **[localhost:3000/fun](http://localhost:3000/fun)**.
+Depois, iremos ao nosso navegador e veremos a nova página em **[localhost:3000/fun](http://localhost:3000/fun)**.
 
 ::alert{type="info"}
 
-Criar uma pasta `more-fun` e colocar um arquivo `index.vue` dentro, irá dar o mesmo resultado que criar um arquivo `more-fun.vue`.
+Criar um diretório chamado `more-fun` e colocar um ficheiro `index.vue` dentro dele dará o mesmo resultado que criar um ficheiro `more-fun.vue`.
 
 ::

Diff for: content/pt/docs/1.get-started/2.routing.md

@@ -1,53 +1,53 @@
 ---
 title: Roteamento
-description: A maioria dos sítios da web têm mais que uma página. Por exemplo uma página inicial, uma página sobre, página de contacto etc. No sentido de exibir essas paginas nós precisamos de um Roteador.
+description: A maioria dos sítios da Web têm mais que uma página. Por exemplo, uma página inicial, uma página sobre, página de contacto etc. Para mostrar estas páginas precisamos de um roteador.
 category: get-started
 csb_link: https://codesandbox.io/embed/github/nuxt-academy/guides-examples/tree/master/01_get_started/02_routing?fontsize=14&hidenavigation=1&theme=dark
 video: cKutrcn-hdE
 ---
 
 # Roteamento
 
-A maioria dos sítios da web têm mais que uma página. Por exemplo uma página inicial, uma página sobre, página de contacto etc. No sentido de exibir essas paginas nós precisamos de um Roteador.
+A maioria dos sítios da Web têm mais que uma página. Por exemplo, uma página inicial, uma página sobre, página de contacto etc. Para mostrar estas páginas precisamos de um roteador.
 
 ---
 
-## Rotas automáticas
+## Rotas Automáticas
 
-A maioria dos websites irão ter mais que uma página (por exemplo página inicial, página sobre, formas de contato etc.). Para mostrar essas paginas nós precisamos de um Router. É aonde o `vue-router` entra. Quando se trabalha com aplicações Vue, você tem que iniciar o arquivo de configuração (exemplo `router.js`) e adicionar todas as rotas manualmente nele. O Nuxt gera automaticamente as configurações do `vue-router` para você, com base nos ficheiros de Vue dentro da pasta `pages`. Isso significa que você nunca mais terá que escrever as configurações do roteador! O Nuxt também oferece para você a separação automática de código para todas suas rotas.
+A maioria dos sítios da Web terão mais do que uma página (ou seja, uma página inicial, página sobre, uma página de contacto, etc). Para mostrar estas páginas, precisamos de um roteador. É aí que entra a `vue-router`. Quando trabalhamos com a aplicação de Vue, temos de definir um ficheiro de configuração (ou seja, `router.js`) e adicionar todas as nossas rotas manualmente. A Nuxt gera automaticamente a configuração da `vue-router` por nós, baseada nos nossos ficheiros `.vue` fornecidos dentro do diretório `pages`. Isto significa que nunca mais teremos de escrever uma configuração de roteador! A Nuxt também dá-nos a divisão automática de códigos para todas as nossas rotas.
 
-Em outras palavras, tudo o que você tem que fazer para ter uma rota na sua aplicação é criar ficheiros `.vue` dentro da pasta `pages`.
+Em outras palavras, tudo o que temos que fazer para ter roteamento na nossa aplicação é criar ficheiros `.vue` na pasta `pages`.
 
 ::alert{type="next"}
-Saiba mais sobre o [Roteamento](/docs/features/file-system-routing)
+Saber mais sobre o [Roteamento](/docs/features/file-system-routing).
 ::
 
 ## Navegação
 
-Para navegar entre as páginas da sua aplicação, você deve usar o componente [NuxtLink](/docs/features/nuxt-components#o-componente-nuxtlink). Esse componente é incorporado no Nuxt, portanto você não tem que importar ele assim como você faz com os outros componentes. É similar ao marcador `<a>` do HTML, exceto que ao invés de usar um `href="/about"` nós usamos `to="/about"`. Se você já usou `vue-router` antes, você pode pensar no componente `<NuxtLink>` como uma substituto do componente `<RouterLink>`.
+Para navegar entre as páginas da nossa aplicação, devemos utilizar o componente [`NuxtLink`](/docs/features/nuxt-components#o-componente-nuxtlink). Este componente é incluído com a Nuxt, pelo que não temos de o importar como fazemos com outros componentes. É semelhante ao marcador da HTML `<a>`, exceto que em vez de utilizar `href="/about"` utilizamos `to="/about"`. Se já utilizamos a `vue-router` antes, podemos pensar no `<NuxtLink>` como um substituto para o `<RouterLink>`.
 
-Uma simples ligação para a página `index.vue` dentro da sua pasta `pages`:
+Uma simples hiperligação para a página `index.vue` na nossa pasta `pages`:
 
 ```html{}[pages/index.vue]
 <template>
-  <NuxtLink to="/">Página inicial</NuxtLink>
+  <NuxtLink to="/">Home page</NuxtLink>
 </template>
 ```
 
-Para todas ligações para as páginas dentro do seu sítio, use `<NuxtLink>`. Se você tiver ligações para outros sítios na web você deve usar o marcador `<a>`. Para ter uma ideia consulte o exemplo abaixo:
+Para todas as hiperligações às páginas do nosso sítio, utilizamos `<NuxtLink>`. Se tivermos hiperligações a outros sítios da Web, devemos utilizar o marcador `<a>`. Veremos abaixo um exemplo:
 
 ```html{}[pages/index.vue]
 <template>
   <main>
-    <h1>Página Inicial</h1>
+    <h1>Home page</h1>
     <NuxtLink to="/about">
-      Sobre (ligação interna que pertence a aplicação do Nuxt)
+      About (internal link that belongs to the Nuxt App)
     </NuxtLink>
-    <a href="https://v2.nuxt.com">Ligação externa para outra página</a>
+    <a href="https://v2.nuxt.com">External Link to another page</a>
   </main>
 </template>
 ```
 
 ::alert{type="next"}
-Saiba mais sobre o [Componente NuxtLink](/docs/features/nuxt-components#o-componente-nuxtlink).
+Saber mais sobre o [componente `NuxtLink`](/docs/features/nuxt-components#o-componente-nuxtlink).
 ::