diff --git a/content/pt-br/docs/2.concepts/1.views.md b/content/pt-br/docs/2.concepts/1.views.md index ce0210a898..4730768b39 100644 --- a/content/pt-br/docs/2.concepts/1.views.md +++ b/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] ``` ::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 ``  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 `` 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] ``` -## 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] @@ -149,7 +151,7 @@ The default template used by Nuxt is: ``` -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] diff --git a/content/pt-br/docs/2.concepts/index.md b/content/pt-br/docs/2.concepts/index.md index 1cca585932..ccedf7ea43 100644 --- a/content/pt-br/docs/2.concepts/index.md +++ b/content/pt-br/docs/2.concepts/index.md @@ -1,4 +1,5 @@ --- +title: 'Conceitos' navigation: collapse: true redirect: /docs/concepts/views