Merge pull request #162 from daisuke85a/migration-guide-props-default-this

Migration Guide > Props Default Function `this` Access の翻訳元ファイル追加と翻訳

Author: potato4d

src/.vuepress/config.js

@@ -125,6 +125,7 @@ const sidebar = {
         'migration/global-api-treeshaking',
         'migration/inline-template-attribute',
         'migration/keycode-modifiers',
+        'migration/props-default-this',
         'migration/render-function-api',
         'migration/slots-unification',
         'migration/transition',

src/guide/migration/props-default-this.md

@@ -0,0 +1,32 @@
+---
+title: プロパティのデフォルト値ファクトリ関数の `this` アクセス
+badges:
+  - breaking
+---
+
+# プロパティのデフォルト値ファクトリ関数の `this` アクセス <MigrationBadges :badges="$frontmatter.badges" />
+
+プロパティのデフォルト値ファクトリ関数が `this` にアクセスできなくなりました。
+
+代わりの方法は以下です。
+
+- コンポーネントが受け取った生のプロパティは、引数としてデフォルト関数に渡されます。
+
+- [inject](../composition-api-provide-inject.md) API がデフォルト関数の内部で使用できます。
+
+```js
+import { inject } from 'vue'
+
+export default {
+  props: {
+    theme: {
+      default (props) {
+        // `props` 引数はコンポーネントに渡される生の値で、
+        // 型やデフォルトの強制より前のものです。 
+        // また、`inject` を使用して注入されたプロパティにアクセスすることもできます。
+        return inject('theme', 'default-theme')
+      }
+    }
+  }
+}
+```