Skip to content

docs: translate guide/migration/keycode-modifiers #156

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 2 commits into from
Oct 17, 2020
Merged

docs: translate guide/migration/keycode-modifiers #156

Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
34fb861
Translating keyCode modifiers migration
juliano-nunes Oct 4, 2020
57f2b96
Review on migration/keycode-modifiers
GuiDevloper Oct 17, 2020
File filter

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
36 changes: 18 additions & 18 deletions src/guide/migration/keycode-modifiers.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,28 +3,28 @@ badges:
- breaking
---

# KeyCode Modifiers <MigrationBadges :badges="$frontmatter.badges" />
# Modificadores KeyCode <MigrationBadges :badges="$frontmatter.badges" />

## Overview
## Visão Geral

Here is a quick summary of what has changed:
Aqui está um resumo rápido do que mudou:

- **BREAKING**: Using numbers, i.e. keyCodes, as `v-on` modifiers is no longer supported
- **BREAKING**: `config.keyCodes` is no longer supported
- **BREAKING**: Usando números, i.e. keyCodes, como em modificadores `v-on` não é mais suportado
- **BREAKING**: `config.keyCodes` não é mais suportado

## 2.x Syntax
## Sintaxe v2.x

In Vue 2, `keyCodes` were supported as a way to modify a `v-on` method.
No Vue 2, `keyCodes` eram suportados como uma maneira de modificar um método `v-on`.

```html
<!-- keyCode version -->
<!-- versão usando keyCode -->
<input v-on:keyup.13="submit" />

<!-- alias version -->
<!-- versão usando apelido -->
<input v-on:keyup.enter="submit" />
```

In addition, you could define your own aliases via the global `config.keyCodes` option.
Adicionalmente, você podia definir seus próprios apelidos através da configuração global `config.keyCodes`.

```js
Vue.config.keyCodes = {
Expand All @@ -33,24 +33,24 @@ Vue.config.keyCodes = {
```

```html
<!-- keyCode version -->
<!-- versão usando keyCode -->
<input v-on:keyup.112="showHelpText" />

<!-- custom alias version -->
<!-- versão usando apelido customizado -->
<input v-on:keyup.f1="showHelpText" />
```

## 3.x Syntax
## Sintaxe v3.x

Since [`KeyboardEvent.keyCode` has been deprecated](https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/keyCode), it no longer makes sense for Vue 3 to continue supporting this as well. As a result, it is now recommended to use the kebab-case name for any key you want to use as a modifier.
Uma vez que [`KeyboardEvent.keyCode` virou obsoleto](https://developer.mozilla.org/en-US/docs/Web/API/KeyboardEvent/keyCode), não faria mais sentido para o Vue 3 continuar à suportá-lo também. Como resultado, agora é recomendado utilizar o nome em kebab-case para qualquer tecla que você utilizar como um modificador.

```html
<!-- Vue 3 Key Modifier on v-on -->
<!-- Modificador de tecla do Vue 3 no v-on -->
<input v-on:keyup.delete="confirmDelete" />
```

As a result, this means that `config.keyCodes` is now also deprecated and will no longer be supported.
Como um resultado, isso significa que `config.keyCodes` também está obsoleto e não será mais suportado.

## Migration Strategy
## Estratégia de Migração

For those using `keyCode` in their codebase, we recommend converting them to their kebab-cased named equivalents.
Para aqueles que utilizam `keyCode` em sua base de código, nós recomendamos convertê-los para os nomes kebab-cased equivalentes.