feat(pt-br): Translate Concepts views page

nuxt#1984

content/pt-br/docs/2.concepts/1.views.md

@@ -1,32 +1,33 @@
 ---
-title: Views
-description: The Views section describes all you need to know to configure data and views for a specific route in your Nuxt Application. Views consist of an app template, a layout, and the actual page.
+title: Exibições
+description: A sessão de Exibições descreve tudo o que você precisa saber para configurar dados e visualizações de uma rota específica da sua Aplicação Nuxt. As exibições consistem em um modelo de aplicativo, um layout e a página real.
 category: concepts
 csb_link: https://codesandbox.io/embed/github/nuxt-academy/guides-examples/tree/master/02_concepts/01_views?fontsize=14&hidenavigation=1&theme=dark
 ---
-# Views
 
-The Views section describes all you need to know to configure data and views for a specific route in your Nuxt Application. Views consist of an app template, a layout, and the actual page.
+# Exibições
+
+A sessão de Exibições descreve tudo o que você precisa saber para configurar dados e visualizações de uma rota específica da sua Aplicação Nuxt. As exibições consistem em um modelo de aplicativo, um layout e a página real.
 
 ---
 
-![Composition of a View in Nuxt](/img/docs/views.png)
+![Composição de uma Exibição no Nuxt](/img/docs/views.png)
 
-Composition of a View in Nuxt
+Composição de uma Exibição no Nuxt
 
-## Pages
+## Páginas
 
-Every Page component is a Vue component but Nuxt adds special attributes and functions to make the development of your application as easy as possible.
+Cada Página é um componente Vue, mas o Nuxt adiciona atributos e funções especiais para tornar o desenvolvimento de seu aplicativo o mais fácil possível.
 
 ```html{}[pages/index.vue]
 <template>
-  <h1 class="red">Hello World</h1>
+  <h1 class="red">Olá mundo</h1>
 </template>
 
 <script>
   export default {
     head() {
-      // Set Meta Tags for this Page
+      // Coloque Meta Tags para essa página
     }
     // ...
   }
@@ -39,21 +40,21 @@ Every Page component is a Vue component but Nuxt adds special attributes and fun
 </style>
 ```
 
-## Properties of a page component
+## Propriedades de uma Página
 
-There are many properties of the page component such as the head property in the example above.
+Há muitas propriedades em uma página, tais como a propriedade head no exemplo acima.
 
 ::alert{type="next"}
-See the [Directory Structure book](/docs/directory-structure/nuxt) to learn more about all the properties can use on your page
+Consulte [Estrutura de Diretório](/docs/directory-structure/nuxt) para aprender mais sobre todas as propriedades que podem ser utilizadas na sua página.
 ::
 
 ## Layouts
 
-Layouts are a great help when you want to change the look and feel of your Nuxt app. For example you want to include a sidebar or have distinct layouts for mobile and desktop.
+Os Layouts são uma grande ajuda quando você quer mudar o visual e a aparência de seu aplicativo Nuxt. Por exemplo, você quer incluir uma barra lateral ou ter layouts distintos para celular e desktop.
 
-### Default Layout
+### Layout Padrão
 
-You can define a default layout by adding a `default.vue` file inside the layouts directory. This will be used for all pages that don't have a layout specified. The only thing you need to include in the layout is the `<Nuxt />` component which renders the page component.
+Você pode definir um Layout padrão adicionando um arquivo `default.vue` dentro do diretório de layouts. Isso será usado por todas as páginas que não tenham um layout especificado. A única coisa que você precisa incluir no layout é o componente `<Nuxt />`que irá renderizar a página;
 
 ```html{}[layouts/default.vue]
 <template>
@@ -62,80 +63,81 @@ You can define a default layout by adding a `default.vue` file inside the layo
 ```
 
 ::alert{type="next"}
-Learn more about the [Nuxt component](/docs/features/nuxt-components) in the components chapter
+Leia mais sobre o [componente Nuxt](/docs/features/nuxt-components) no capítulo de componentes
 ::
 
-### Custom Layout
+### Layout personalizado
 
-You can create custom layouts by adding a `.vue` file to the layouts directory. In order to use the custom layout you need to set the `layout` property in the page component where you want to use that layout. The value will be the name of the custom layout that you have created.
+Você pode criar um layout personalizado adicionando um arquivo `.vue` no diretório de layouts. Para usar o layout personalizado você precisa definir a propriedade `layout`na página em que você deseja usar o layout. O valor será o nome do layout personalizado que você criou.
 
-To create a blog layout add a `blog.vue` file to your layouts directory `layouts/blog.vue`:
+Para criar um layout blog adicione o arquivo `blog.vue` no diretório de layouts `layouts/blog.vue`:
 
 ```html{}[layouts/blog.vue]
 <template>
   <div>
-    <div>My blog navigation bar here</div>
+    <div>Barra de navegação do meu blog</div>
     <Nuxt />
   </div>
 </template>
 ```
 
 ::alert{type="warning"}
-Make sure to add the `<Nuxt/>` component when creating a layout to actually include the page component.
+Certifique-se de adicionar o componente `<Nuxt/>` ao criar um layout para realmente incluir a página.
 ::
 
-We then use the layout property with the value of 'blog' in the page where we want that layout to be used.
+Em seguida, usamos a propriedade layout com o valor 'blog' na página em que queremos aplicar o layout.
 
 ```html{}[pages/posts.vue]
 <template>
-  <!-- Your template -->
+  <!-- Seu template -->
 </template>
+
 <script>
   export default {
     layout: 'blog'
-    // page component definitions
+    // Configurações da página
   }
 </script>
 ```
 
 ::alert{type="info"}
-If you don't add a layout property to your page, e.g. `layout: 'blog'`, then the `default.vue` layout will be used.
+Se você não adicionar a propriedade layout a sua página, ex: `layout: 'blog'` o layout `default.vue`será usado.
 ::
 
-## Error Page
+## Página de Erro
 
-The error page is a *page component* which is always displayed when an error occurs (that does not happen while server-side rendering).
+A página de erro é uma página que sempre é mostrada quando um erro ocorre (não ira mostrar quando estiver renderizado no lado do servidor).
 
 ::alert{type="warning"}
-Although this file is placed in the `layouts` folder, it should be treated as a page.
+Apesar de esse arquivo estar no diretório de `layouts`, ele deve ser tratado como uma página.
 ::
 
-As mentioned above, this layout is special, since you should not include the `<Nuxt/>`  component inside its template. You must see this layout as a component displayed when an error occurs (`404`, `500`, etc.). Similar to other page components, you can set a custom layout for the error page as well in the usual way.
+Como mencionado anteriormente, esse layout é especial, visto que você não deve incluir o componente `<Nuxt />` dentro dele. Você deve ver esse layout quando ocorrer um erro (`400`, `500`, etc.). Similar a outras páginas, você também pode definir um layout personalizado para a página de erro da maneira usual.
 
-You can customize the error page by adding a `layouts/error.vue` file:
+Você pode personalizar a página de erro adicionando o arquivo `layouts/error.vue`:
 
 ```html{}[layouts/error.vue]
 <template>
   <div>
-    <h1 v-if="error.statusCode === 404">Page not found</h1>
-    <h1 v-else>An error occurred</h1>
-    <NuxtLink to="/">Home page</NuxtLink>
+    <h1 v-if="error.statusCode === 404">Página não encontrada</h1>
+    <h1 v-else>Ocorreu um erro</h1>
+    <NuxtLink to="/">Página Inicial</NuxtLink>
   </div>
 </template>
 
 <script>
   export default {
     props: ['error'],
-    layout: 'error' // you can set a custom layout for the error page
+    layouts: 'error', // Você pode definir um layout personalizado para a página de erro
   }
 </script>
 ```
 
-## Document: App.html
+## Documento: App.html
 
-The app template is used to create the actual HTML frame of your document for your Nuxt application which injects the content as well as variables for the head and body. This file is created automatically for you and in general rarely needs to be modified. You can customize the HTML app template used by Nuxt to include scripts or conditional CSS classes by creating an `app.html` file in the source directory of your project which by default is the root directory.
+O template é usado para criar o quadro HTML real de seu documento para seu aplicativo Nuxt que injeta o conteúdo, assim como variáveis para o head e o body. Este arquivo é criado automaticamente para você e, em geral, raramente precisa ser modificado. Você pode personalizar o HTML usado pelo Nuxt para incluir scripts ou classes CSS condicionais, criando um arquivo app.html no diretório fonte de seu projeto que, por padrão, é o diretório raiz.
 
-The default template used by Nuxt is:
+O modelo padrão usado pelo Nuxt é:
 
 ```html{}[app.html]
 <!DOCTYPE html>
@@ -149,7 +151,7 @@ The default template used by Nuxt is:
 </html>
 ```
 
-One use case of using a custom app template is to add conditional CSS classes for IE:
+Um caso de uso de um template personalizado é adicionar classes CSS condicionais para o IE:
 
 ```html{}[app.html]
 <!DOCTYPE html>

content/pt-br/docs/2.concepts/index.md

@@ -1,4 +1,5 @@
 ---
+title: 'Conceitos'
 navigation:
   collapse: true
   redirect: /docs/concepts/views