diff --git a/src/guide/migration/keycode-modifiers.md b/src/guide/migration/keycode-modifiers.md index 7d213142..130aa4bc 100644 --- a/src/guide/migration/keycode-modifiers.md +++ b/src/guide/migration/keycode-modifiers.md @@ -3,28 +3,28 @@ badges: - breaking --- -# KeyCode Modifiers +# キーコード修飾子 -## Overview +## 概要 -Here is a quick summary of what has changed: +変更点の概要は以下です -- **BREAKING**: Using numbers, i.e. keyCodes, as `v-on` modifiers is no longer supported -- **BREAKING**: `config.keyCodes` is no longer supported +- **破壊的変更**: `v-on`修飾子にキーコードの数字を利用することはサポートされなくなりました +- **破壊的変更**: `config.keyCodes` の利用はサポートされなくなりました -## 2.x Syntax +## 2.x での構文 -In Vue 2, `keyCodes` were supported as a way to modify a `v-on` method. +Vue 2では、`v-on`メソッドでキーコードを利用することができました。 ```html - + - + ``` -In addition, you could define your own aliases via the global `config.keyCodes` option. +さらに、`config.keyCodes`のグローバルオプションを利用することで、独自のエイリアスを定義できました。 ```js Vue.config.keyCodes = { @@ -33,24 +33,24 @@ Vue.config.keyCodes = { ``` ```html - + - + ``` -## 3.x Syntax +## 3.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. +[`KeyboardEvent.keyCode` は非推奨](https://developer.mozilla.org/ja/docs/Web/API/KeyboardEvent/keyCode)となり、Vue 3においても引き続きサポートすることはもはや意味がありません。そのため、修飾子に利用したいキーのケバブケース名を利用することが推奨されます。 ```html - + ``` -As a result, this means that `config.keyCodes` is now also deprecated and will no longer be supported. +`config.keyCodes`の利用も同様の理由で非推奨となり、サポートされなくなりました。 -## Migration Strategy +## 移行方法 -For those using `keyCode` in their codebase, we recommend converting them to their kebab-cased named equivalents. +キーコードを利用している場合は、ケバブケースでの命名に変更することを推奨します。