From 5343d5588a5a998ca1b9095fd19ef207307cd6b6 Mon Sep 17 00:00:00 2001 From: shimadev <38323219+shimadev@users.noreply.github.com> Date: Mon, 26 Oct 2020 14:42:41 +0000 Subject: [PATCH 1/2] Translate: Migration Guide > KeyCode Modifiers --- src/guide/migration/keycode-modifiers.md | 36 ++++++++++++------------ 1 file changed, 18 insertions(+), 18 deletions(-) diff --git a/src/guide/migration/keycode-modifiers.md b/src/guide/migration/keycode-modifiers.md index 7d213142..f865cf06 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. +キーコードを利用している場合は、ケバブケース名を利用する方法に変更することを推奨します。 From aa559005f6701fa0d3190f3fd999dce4e9894ddf Mon Sep 17 00:00:00 2001 From: shimadev <38323219+shimadev@users.noreply.github.com> Date: Wed, 4 Nov 2020 12:51:23 +0000 Subject: [PATCH 2/2] fix: Migration Guide > KeyCode Modifiers --- src/guide/migration/keycode-modifiers.md | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/src/guide/migration/keycode-modifiers.md b/src/guide/migration/keycode-modifiers.md index f865cf06..130aa4bc 100644 --- a/src/guide/migration/keycode-modifiers.md +++ b/src/guide/migration/keycode-modifiers.md @@ -12,7 +12,7 @@ badges: - **破壊的変更**: `v-on`修飾子にキーコードの数字を利用することはサポートされなくなりました - **破壊的変更**: `config.keyCodes` の利用はサポートされなくなりました -## 2.x 構文 +## 2.x での構文 Vue 2では、`v-on`メソッドでキーコードを利用することができました。 @@ -40,7 +40,7 @@ Vue.config.keyCodes = { ``` -## 3.x 構文 +## 3.x での構文 [`KeyboardEvent.keyCode` は非推奨](https://developer.mozilla.org/ja/docs/Web/API/KeyboardEvent/keyCode)となり、Vue 3においても引き続きサポートすることはもはや意味がありません。そのため、修飾子に利用したいキーのケバブケース名を利用することが推奨されます。 @@ -53,4 +53,4 @@ Vue.config.keyCodes = { ## 移行方法 -キーコードを利用している場合は、ケバブケース名を利用する方法に変更することを推奨します。 +キーコードを利用している場合は、ケバブケースでの命名に変更することを推奨します。