Migration > Filters の翻訳の追従 (#245)

* feat(migration-guide): add global filters

vuejs/docs@f15e2f7#diff-dd4e65deb15a7ff2b00f8c9ac47f8c0a080eafcc3a83aeeda9e0124b542a8560

* docs: correct minor problems with the guide to migrating global filte…

vuejs/docs@08abb47#diff-dd4e65deb15a7ff2b00f8c9ac47f8c0a080eafcc3a83aeeda9e0124b542a8560

* fix: translate to easy understand in Japanese

Co-authored-by: kazuya kawaguchi <kawakazu80@gmail.com>

Co-authored-by: kazuya kawaguchi <kawakazu80@gmail.com>

Author: naokie

src/guide/migration/filters.md

@@ -72,3 +72,31 @@ badges:
 ## 移行方法
 
 フィルタを使う代わりに、算出プロパティか関数に置き換えることを推奨します。
+
+### グローバルフィルタ
+
+もし、グローバルにフィルタを登録していて、そしてアプリケーション全体でそのフィルタを使用している場合、そのフィルタを個々のコンポーネントで算出プロパティやメソッドに置き換えるのは不便でしょう。
+
+その代わり、 [globalProperties](../../api/application-config.html#globalproperties) によって、すべてのコンポーネントがグローバルフィルタを利用できるようにすることができます:
+
+```javascript
+// main.js
+const app = createApp(App)
+
+app.config.globalProperties.$filters = {
+  currencyUSD(value) {
+    return '$' + value
+  }
+}
+```
+
+それから、この `$filters` オブジェクトを使って、次のようにすべてのテンプレートを修正できます:
+
+```html
+<template>
+  <h1>Bank Account Balance</h1>
+  <p>{{ $filters.currencyUSD(accountBalance) }}</p>
+</template>
+```
+
+この方法は、メソッドのみ使用することができ、算出プロパティは使えないことに注意してください。後者は個々のコンポーネントのコンテキストで定義された場合にのみ意味を持ちます。