Migration > Props Data の翻訳を追従 (#256)

* feat: add migration guide > props data

* docs: translate migration guide > props data

* feat: add link to migration guide > props data

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

Author: naokie

src/.vuepress/config.js

@@ -195,7 +195,7 @@ const sidebar = {
         '/guide/migration/keycode-modifiers',
         '/guide/migration/listeners-removed',
         '/guide/migration/mount-changes',
-        // '/guide/migration/props-data',
+        '/guide/migration/props-data',
         '/guide/migration/props-default-this',
         '/guide/migration/render-function-api',
         '/guide/migration/slots-unification',

src/guide/migration/props-data.md

@@ -0,0 +1,41 @@
+---
+badges:
+  - removed
+---
+
+# `propsData` <MigrationBadges :badges="$frontmatter.badges" />
+
+## 概要
+
+Vue インスタンスの生成時に props を渡すために使われていた `propsData` オプションは削除されました。Vue 3 アプリケーションのルートコンポーネントに props を渡すには、 [createApp](/api/global-api.html#createapp) の第2引数を使います。
+
+## 2.x での構文
+
+2.x では、 Vue インスタンスの生成時に props を渡すことができました:
+
+```js
+const Comp = Vue.extend({
+  props: ['username'],
+  template: '<div>{{ username }}</div>'
+})
+
+new Comp({
+  propsData: {
+    username: 'Evan'
+  }
+})
+```
+
+## 3.x での更新
+
+`propsData` オプションは削除されました。生成時にルートコンポーネントのインスタンスに props を渡す必要がある場合は、 `createApp` の第2引数を使ってください:
+
+```js
+const app = createApp(
+  {
+    props: ['username'],
+    template: '<div>{{ username }}</div>'
+  },
+  { username: 'Evan' }
+)
+```