Skip to content

Commit ea0b99d

Browse files
authored
Merge pull request #258 from ederwms/docs/translate-inline-template-attribute
docs: translating inline-template-attribute.md
2 parents 5e33c72 + 7532a44 commit ea0b99d

File tree

1 file changed

+24
-24
lines changed

1 file changed

+24
-24
lines changed

src/guide/migration/inline-template-attribute.md

Lines changed: 24 additions & 24 deletions
Original file line numberDiff line numberDiff line change
@@ -3,46 +3,46 @@ badges:
33
- breaking
44
---
55

6-
# Inline Template Attribute <MigrationBadges :badges="$frontmatter.badges" />
6+
# Atributo _Inline Template_ <MigrationBadges :badges="$frontmatter.badges" />
77

8-
## Overview
8+
## Visão Geral
99

10-
Support for the [inline-template feature](https://vuejs.org/v2/guide/components-edge-cases.html#Inline-Templates) has been removed.
10+
O suporte ao [recurso _inline-template_](https://br.vuejs.org/v2/guide/components-edge-cases.html#Templates-Inline) foi removido.
1111

12-
## 2.x Syntax
12+
## Sintaxe v2.x
1313

14-
In 2.x, Vue provided the `inline-template` attribute on child components to use its inner content as its template instead of treating it as distributed content.
14+
Na versão 2.x, o Vue disponibilizava o atributo `inline-template` em componentes filhos para usar seu conteúdo interno como _template_ ao invés de o tratar como conteúdo distribuído.
1515

1616
```html
1717
<my-component inline-template>
1818
<div>
19-
<p>These are compiled as the component's own template.</p>
20-
<p>Not parent's transclusion content.</p>
19+
<p>Estes são compilados como template do próprio componente.</p>
20+
<p>Não como conteúdo da transclusão do componente pai.</p>
2121
</div>
2222
</my-component>
2323
```
2424

25-
## 3.x Syntax
25+
## Sintaxe v3.x
2626

27-
This feature will no longer be supported.
27+
Esta funcionalidade não receberá mais suporte.
2828

29-
## Migration Strategy
29+
## Estratégia de Migração
3030

31-
Most of the use cases for `inline-template` assumes a no-build-tool setup, where all templates are written directly inside the HTML page.
31+
A maioria dos casos de uso de `inline-template` assume um ambiente sem ferramentas de compilação, onde todos os _templates_ são escritos diretamente dentro da página HTML.
3232

33-
[Migration build flag: `COMPILER_INLINE_TEMPLATE`](migration-build.html#compat-configuration)
33+
[Sinalizador na compilação de migração: `COMPILER_INLINE_TEMPLATE`](migration-build.html#compat-configuration)
3434

35-
### Option #1: Use `<script>` tag
35+
### Opção #1: Utilize a tag `<script>`
3636

37-
The most straightforward workaround in such cases is using `<script>` with an alternative type:
37+
A solução mais simples nestes casos é utilizar a tag `<script>` com um tipo alternativo:
3838

3939
```html
4040
<script type="text/html" id="my-comp-template">
4141
<div>{{ hello }}</div>
4242
</script>
4343
```
4444

45-
And in the component, target the template using a selector:
45+
E no componente, aponte para o _template_ utilizando um seletor:
4646

4747
```js
4848
const MyComp = {
@@ -51,34 +51,34 @@ const MyComp = {
5151
}
5252
```
5353

54-
This doesn't require any build setup, works in all browsers, is not subject to any in-DOM HTML parsing caveats (e.g. you can use camelCase prop names), and provides proper syntax highlighting in most IDEs. In traditional server-side frameworks, these templates can be split out into server template partials (included into the main HTML template) for better maintainability.
54+
Isto não requer nenhuma configuração de compilação, funciona em todos os navegadores, não está sujeito a quaisquer limitações da análise de HTML no-DOM (ex.: você pode usar nomes de propriedades em camelCase) e fornece destaque de sintaxe na maioria das IDEs. Em frameworks tradicionais que trabalham no lado do servidor, estes _templates_ podem ser divididos em partes de _templates_ do servidor (incluídas no _template_ HTML principal) para uma melhor manutenção.
5555

56-
### Option #2: Default Slot
56+
### Opção #2: _Slot_ _Default_
5757

58-
A component previously using `inline-template` can also be refactored using the default slot - which makes the data scoping more explicit while preserving the convenience of writing child content inline:
58+
Um componente que anteriormente utilizava `inline-template` também pode ser refatorado utilizando o _slot_ _default_ - o que torna a definição do escopo de dados mais explícita enquanto preserva a conveniência de escrever o conteúdo filho _inline_:
5959

6060
```html
61-
<!-- 2.x Syntax -->
61+
<!-- Sintaxe v2.x -->
6262
<my-comp inline-template :msg="parentMsg">
6363
{{ msg }} {{ childState }}
6464
</my-comp>
6565

66-
<!-- Default Slot Version -->
66+
<!-- Versão com Slot Default -->
6767
<my-comp v-slot="{ childState }">
6868
{{ parentMsg }} {{ childState }}
6969
</my-comp>
7070
```
7171

72-
The child, instead of providing no template, should now render the default slot\*:
72+
O componente filho, ao invés de não fornecer nenhum _template_, agora deve renderizar o _slot_ _default_\*:
7373

7474
```html
7575
<!--
76-
in child template, render default slot while passing
77-
in necessary private state of child.
76+
no template filho, renderiza o slot default enquanto passa
77+
o estado privado necessário do filho.
7878
-->
7979
<template>
8080
<slot :childState="childState" />
8181
</template>
8282
```
8383

84-
> - Note: In 3.x, slots can be rendered as the root with native [fragments](/guide/migration/fragments) support!
84+
> - Nota: na versão 3.x, _slots_ podem ser renderizados como raiz com suporte nativo a [fragmentos](/guide/migration/fragments)!

0 commit comments

Comments
 (0)