Skip to content

Commit b32b81c

Browse files
authored
Merge pull request #178 from Renato66/path-3
docs: translate "guide/migration/filters.md"
2 parents 4794355 + 4dc5a61 commit b32b81c

File tree

1 file changed

+20
-20
lines changed

1 file changed

+20
-20
lines changed

src/guide/migration/filters.md

Lines changed: 20 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -3,21 +3,21 @@ badges:
33
- removed
44
---
55

6-
# Filters <MigrationBadges :badges="$frontmatter.badges" />
6+
# Filtros <MigrationBadges :badges="$frontmatter.badges" />
77

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

10-
Filters are removed from Vue 3.0 and no longer supported.
10+
Filtros foram removidos do Vue 3.0 e não são mais suportados.
1111

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

14-
In 2.x, developers could use filters in order to apply common text formatting.
14+
Na v2.x, desenvolvedores poderiam utilizar `filters` para aplicar formatações comuns em texto.
1515

16-
For example:
16+
Por exemplo:
1717

1818
```html
1919
<template>
20-
<h1>Bank Account Balance</h1>
20+
<h1>Saldo da Conta Bancária</h1>
2121
<p>{{ accountBalance | currencyUSD }}</p>
2222
</template>
2323

@@ -38,17 +38,17 @@ For example:
3838
</script>
3939
```
4040

41-
While this seems like a convenience, it requires a custom syntax that breaks the assumption of expressions inside of curly braces being "just JavaScript," which has both learning and implementation costs.
41+
Embora isso pareça ser uma conveniência, requer uma sintaxe personalizada que quebra a suposição de que as expressões entre chaves sejam "apenas JavaScript", o que tem custos de aprendizado e implementação.
4242

43-
## 3.x Update
43+
## Atualização v3.x
4444

45-
In 3.x, filters are removed and no longer supported. Instead, we recommend replacing them with method calls or computed properties.
45+
Na v3.x, `filters` foram removidos e não mais suportados. Ao invés disso, recomendamos utilizar chamadas à metodos ou propriedades computadas.
4646

47-
Using the example above, here is one example of how it could be implemented.
47+
Utilizando o exemplo acima, aqui está um exemplo de como isso pode ser implementado.
4848

4949
```html
5050
<template>
51-
<h1>Bank Account Balance</h1>
51+
<h1>Saldo da Conta Bancária</h1>
5252
<p>{{ accountInUSD }}</p>
5353
</template>
5454

@@ -69,15 +69,15 @@ Using the example above, here is one example of how it could be implemented.
6969
</script>
7070
```
7171

72-
## Migration Strategy
72+
## Estratégia de Migração
7373

74-
Instead of using filters, we recommend replacing them with computed properties or methods.
74+
Ao invés de utilizar filtros, recomendamos substituí-los por propriedades computadas ou métodos.
7575

76-
### Global Filters
76+
### Filtros Globais
7777

78-
If you are using filters that were globally registered and then used throughout your app, it's likely not convenient to replace them with computed properties or methods in each individual component.
78+
Se você estiver usando filtros que foram registrados globalmente e usados em todo o seu aplicativo, provavelmente não é conveniente substituí-los por propriedades computadas ou métodos em cada componente individual.
7979

80-
Instead, you can make your global filters available to all components through [globalProperties](../../api/application-config.html#globalproperties):
80+
Em vez disso, você pode disponibilizar seus filtros globais para todos os componentes por meio de [propriedades globais](../../api/application-config.html#globalproperties):
8181

8282
```javascript
8383
// main.js
@@ -90,13 +90,13 @@ app.config.globalProperties.$filters = {
9090
}
9191
```
9292

93-
Then you can fix all templates using this `$filters` object like this:
93+
Então você pode corrigir todos os _templates_ usando este objeto `$filters` assim:
9494

9595
```html
9696
<template>
97-
<h1>Bank Account Balance</h1>
97+
<h1>Saldo da Conta Bancária</h1>
9898
<p>{{ $filters.currencyUSD(accountBalance) }}</p>
9999
</template>
100100
```
101101

102-
Note that with this approach, you can only use methods, not computed properties, as the latter only make sense when defined in the context of an individual component.
102+
Observe que, com essa abordagem, você só pode usar métodos, não propriedades computadas, quais só fazem sentido quando definidas no contexto de um componente individual.

0 commit comments

Comments
 (0)