メニューの「プロパティ」を props に変更 (#2491)

Author: jay-es

.vitepress/config.ts

@@ -200,7 +200,7 @@ export const sidebar: ThemeConfig['sidebar'] = {
           text: '登録',
           link: '/guide/components/registration'
         },
-        { text: 'プロパティ', link: '/guide/components/props' },
+        { text: 'props', link: '/guide/components/props' },
         { text: 'イベント', link: '/guide/components/events' },
         { text: 'コンポーネントの v-model', link: '/guide/components/v-model' },
         {

src/api/options-composition.md

@@ -84,7 +84,7 @@
     - 利用可能なインジェクションで検索するキー（文字列またはシンボル）、または
     - 次のようなオブジェクト:
       - `from` プロパティは、利用可能なインジェクションを検索するためのキー（文字列またはシンボル）になっている。さらに
-      - `default` プロパティは、フォールバック値として使用されます。コンポーネントプロパティのデフォルト値と同様に、複数のコンポーネントインスタンス間での値の共有を避けるために、オブジェクトタイプにもファクトリ関数が必要です。
+      - `default` プロパティは、フォールバック値として使用されます。コンポーネント props のデフォルト値と同様に、複数のコンポーネントインスタンス間での値の共有を避けるために、オブジェクトタイプにもファクトリ関数が必要です。
 
   一致するプロパティもデフォルト値も提供されなかった場合、注入されたプロパティは `undefined` となります。
 

src/api/options-state.md

@@ -81,7 +81,7 @@
   Vue では、コンポーネント props はすべて明示的に宣言する必要があります。コンポーネント props は、2 つの形式で宣言できます:
 
   - 文字列の配列を使用したシンプルな形式
-  - キーが props 名、値が props の型（コンストラクタ関数）または詳細オプションになっているオブジェクトを使用した完全な形式
+  - オブジェクトを使用した完全な形式。各プロパティのキーが props 名で、値は props の型（コンストラクタ関数）または詳細オプションになっているもの
 
   オブジェクトベースの構文では、各 props はさらに以下のオプションを定義できます:
 
@@ -393,7 +393,7 @@
   発行されるイベントは、次の 2 つの形式で宣言できます:
 
   - 文字列の配列を使用したシンプルな形式
-  - 各プロパティのキーがイベントの名前で、値が `null` またはバリデータ関数のいずれかであるオブジェクトを使用した完全な形式。
+  - オブジェクトを使用した完全な形式。各プロパティのキーがイベント名で、値は `null` またはバリデータ関数になっているもの
 
   バリデーション関数は、コンポーネントの `$emit` 呼び出しに渡された追加の引数を受け取ります。 たとえば、`this.$emit('foo', 1)` が呼び出された場合、対応する `foo` のバリデータは引数 `1` を受け取ります。バリデータ関数は、イベントの引数が妥当かどうかを示す真偽値を返す必要があります。
 

src/glossary/index.md

@@ -234,7 +234,7 @@ Vue では、**props** という用語の一般的な使い方が 3 つありま
 
 すべての場合において、props は他の場所から渡されるプロパティです。
 
-props の語源は **properties** ですが、Vue の文脈では props という用語はより具体的な意味を持っています。properties の略語として使用することは避けてください。
+props の語源は **properties**（プロパティ）ですが、Vue の文脈では props という用語はより具体的な意味を持っています。プロパティの略語として使用することは避けてください。
 
 詳しくはこちらをご覧ください:
 - [ガイド - props](/guide/components/props.html)

src/guide/built-ins/suspense.md

@@ -161,7 +161,7 @@ Vue Router には、動的インポートを使用した [lazily loading compone
 </Suspense>
 ```
 
-もし `suspensible` プロパティを設定しなかった場合、内側の `<Suspense>` は親の `<Suspense>` から同期コンポーネントとして扱われます。つまり、独自のフォールバックスロットを持つことになり、両方の `Dynamic` コンポーネントが同時に変更された場合、子の `<Suspense>` が自身の依存関係ツリーをロードしている間に、空のノードや複数のパッチサイクルが発生する可能性があり、これは望ましくありません。`suspensible` が設定されていると、非同期な依存処理はすべて親の `<Suspense>` に委ねられ（発行されるイベントも含まれます）、内側の `<Suspense>` は依存関係の解決とパッチのための別の境界としてのみ機能します。
+もし `suspensible` props を設定しなかった場合、内側の `<Suspense>` は親の `<Suspense>` から同期コンポーネントとして扱われます。つまり、独自のフォールバックスロットを持つことになり、両方の `Dynamic` コンポーネントが同時に変更された場合、子の `<Suspense>` が自身の依存関係ツリーをロードしている間に、空のノードや複数のパッチサイクルが発生する可能性があり、これは望ましくありません。`suspensible` が設定されていると、非同期な依存処理はすべて親の `<Suspense>` に委ねられ（発行されるイベントも含まれます）、内側の `<Suspense>` は依存関係の解決とパッチのための別の境界としてのみ機能します。
 
 ---
 

src/guide/built-ins/transition-group.md

@@ -82,7 +82,7 @@ import ListStagger from './transition-demos/ListStagger.vue'
 
 ### カスタムトランジションクラス {#custom-transitiongroup-classes}
 
-[`<Transition>` のカスタムトランジションクラス](/guide/built-ins/transition.html#custom-transition-classes)と同様に、`<TransitionGroup>` に `moveClass` プロパティを渡すことで、移動する要素のカスタムトランジションクラスを指定することもできます。
+[`<Transition>` のカスタムトランジションクラス](/guide/built-ins/transition.html#custom-transition-classes)と同様に、`<TransitionGroup>` に `moveClass` props を渡すことで、移動する要素のカスタムトランジションクラスを指定することもできます。
 
 ## 時差をもたせたリストのトランジション {#staggering-list-transitions}
 

src/guide/components/props.md

@@ -121,7 +121,7 @@ defineProps<{
 
 ## リアクティブな props の分割代入 <sup class="vt-badge" data-text="3.5+" /> \*\* {#reactive-props-destructure}
 
-Vue のリアクティビティシステムは、プロパティアクセスに基づいて状態の使用を追跡します。例えば、算出プロパティやウォッチャーで `props.foo` にアクセスすると、`foo` プロパティが依存関係として追跡されます。
+Vue のリアクティビティシステムは、プロパティアクセスに基づいて状態の使用を追跡します。例えば、算出プロパティやウォッチャーで `props.foo` にアクセスすると、`foo` props は依存関係として追跡されます。
 
 そこで、以下のようなコードを考えます:
 

src/guide/essentials/component-basics.md

@@ -300,13 +300,13 @@ const posts = ref([
 
 動的な props の値を渡すための [`v-bind` 構文](/api/built-in-directives#v-bind)（`:title="post.title"`）の使い方に注目してください。これは、レンダリングするコンテンツを事前に正確に把握していない場合に特に役立ちます。
 
-props については以上となりますが、このページを読み終え内容に慣れてきたら、後ほど[props](/guide/components/props)の完全ガイドを読みにくることをおすすめします。
+props については以上となりますが、このページを読み終え内容に慣れてきたら、後ほど [props](/guide/components/props) の完全ガイドを読みにくることをおすすめします。
 
 ## イベントの購読 {#listening-to-events}
 
 `<BlogPost>` コンポーネントを開発していく中で、いくつかの機能については、親コンポーネントへの通信が必要になるかもしれません。例えば、ブログ記事のテキストを拡大し、ページの残りの部分はデフォルトのサイズのままにしておくアクセシビリティー機能を含めることにするかもしれません。
 
-親コンポーネントの中では、`postFontSize` という <span class="options-api">data property</span><span class="composition-api">ref</span> を追加することで、この機能をサポートできます:
+親コンポーネントの中では、`postFontSize` という <span class="options-api">data プロパティ</span><span class="composition-api">ref </span>を追加することで、この機能をサポートできます:
 
 <div class="options-api">
 

src/guide/essentials/computed.md

@@ -93,7 +93,7 @@ export default {
 
 ここでは、`publishedBooksMessage` という算出プロパティを宣言しています。
 
-アプリケーションの `data` プロパティ内の `books` 配列の値を変更してみると、それに応じて `publishedBooksMessage` の結果がどのように変化しているかがわかります。
+アプリケーションの `data` 内の `books` 配列の値を変更してみると、それに応じて `publishedBooksMessage` の結果がどのように変化しているかがわかります。
 
 通常のプロパティと同じように、テンプレート内の算出プロパティにデータバインドすることもできます。Vue は `this.publishedBooksMessage` が `this.author.books` に依存していることを知っているので、`this.author.books` が変わると `this.publishedBooksMessage` に依存する全てのバインディングを更新します。
 
@@ -116,7 +116,7 @@ const author = reactive({
   ]
 })
 
-// 算出プロパティの参照
+// 算出 ref
 const publishedBooksMessage = computed(() => {
   return author.books.length > 0 ? 'Yes' : 'No'
 })
@@ -263,9 +263,9 @@ const fullName = computed({
 
 - 3.4 以上でのみサポートされています
 
-
 必要であれば、ゲッターの第 1 引数にアクセスすることで、算出プロパティが前回返した値を取得できます:
 
+
 <div class="options-api">
 
 ```js

src/guide/essentials/list.md

@@ -432,7 +432,7 @@ methods: {
 </ul>
 ```
 
-算出プロパティの中で `reverse()` と `sort()` を使用するときは注意してください！これら 2 つのメソッドには、算出プロパティのゲッターの中では避けるべき、元の配列を変更するという作用があります。以下のように、これらのメソッドを呼び出す前には元の配列のコピーを作成します:
+算出プロパティの中で `reverse()` と `sort()` を使用するときは注意してください！これら 2 つのメソッドは元の配列を変更するため、算出プロパティのゲッターの中では避けるべきです。以下のように、これらのメソッドを呼び出す前には元の配列のコピーを作成します:
 
 ```diff
 - return numbers.reverse()