Merge pull request #289 from ytsujiii/fix/broken-links

壊れているリンクの修正

Author: naokie

src/api/options-api.md

@@ -0,0 +1,10 @@
+# オプション
+
+オプションには、次のようなセクションがあります:
+
+- [Data](/api/options-data.html)
+- [DOM](/api/options-dom.html)
+- [Lifecycle Hooks](/api/options-lifecycle-hooks.html)
+- [Assets](/api/options-assets.html)
+- [Composition](/api/options-composition.html)
+- [Misc](/api/options-misc.html)

src/api/reactivity-api.md

@@ -0,0 +1,7 @@
+# リアクティビティ API
+
+リアクティビティ API には、次のようなセクションがあります:
+
+- [Basic Reactivity APIs](/api/basic-reactivity.html)
+- [Refs](/api/refs-api.html)
+- [Computed and watch](/api/computed-watch-api.html)

src/guide/component-attrs.md

@@ -84,7 +84,7 @@ const app = Vue.createApp({
 
 `inheritAttrs` を `false` にセットした場合属性の継承は無効化されますが、`inheritAttrs` の設定に関わらずコンポーネントの `$attrs` プロパティから、`props` や `emits`といったコンポーネントのプロパティを除く全ての属性(例えば`class` や `style` 、 `v-on` といったものも)にアクセスすることができます。
 
-[前節]('#属性の継承) で利用した date-picker のコンポーネント例を用いて、プロパティでない属性の全てを ルートの `div` 要素ではなく `input` 要素に適用する場合、`v-bind` を用いて簡略的に記述することも可能です。
+[前節](#属性の継承) で利用した date-picker のコンポーネント例を用いて、プロパティでない属性の全てを ルートの `div` 要素ではなく `input` 要素に適用する場合、`v-bind` を用いて簡略的に記述することも可能です。
 
 ```js{5}
 app.component('date-picker', {

src/guide/component-dynamic-async.md

@@ -83,7 +83,7 @@ createApp({
 
 ### Suspense との併用
 
-非同期コンポーネントはデフォルトで _suspensible_ です。これは非同期コンポーネントが [`<Suspense>`](TODO) を親に持ったとき、 `<Suspense>` の非同期の依存として取り扱われることを意味しています。このケースでは、読み込みの状態は `<Suspense>` から制御され、コンポーネント自身が持つ loading や error, delay, timeout といったオプションは無視されます。
+非同期コンポーネントはデフォルトで _suspensible_ です。これは非同期コンポーネントが `<Suspense>` を親に持ったとき、 `<Suspense>` の非同期の依存として取り扱われることを意味しています。このケースでは、読み込みの状態は `<Suspense>` から制御され、コンポーネント自身が持つ loading や error, delay, timeout といったオプションは無視されます。
 
 非同期コンポーネントのオプションに `suspensible: false` を指定することで、 `Suspense` の制御から外すことができ、常にコンポーネントが自身の読み込み状態を制御することができます。
 

src/guide/component-edge-cases.md

@@ -1,6 +1,6 @@
 # 特別な問題に対処する
 
-> このページはすでに[コンポーネントの基本](components.md)を読んでいることを前提に書いています。もしまだ読んでいないのなら、先に読みましょう。
+> このページはすでに[コンポーネントの基本](component-basics.md)を読んでいることを前提に書いています。もしまだ読んでいないのなら、先に読みましょう。
 
 :::tip Note
 特別な問題、つまり珍しい状況に対処するためのこのページの全ての機能は、時に Vue のルールを多少なりとも曲げることになります。しかし注意して欲しいのが、それらは全てデメリットや危険な状況をもたらし得るということです。これらのマイナス的な面はそれぞれのケースで注意されているので、このページで紹介されるそれぞれの機能を使用すると決めたときは心に止めておいてください。

src/guide/reactivity-computed-watchers.md

@@ -4,7 +4,7 @@
 
 ## 算出プロパティ
 
-開発中に、他の状態に依存した状態が必要となることがあります。Vue では、これをコンポーネントの[算出プロパティ](computed.html#computed-properties)として処理します。算出プロパティの作成には、getter 関数を受け取り、関数の返り値に対して、イミュータブルでリアクティブな [ref](./refs-api.html#ref) オブジェクトを返却する `computed` メソッドを利用します。。
+開発中に、他の状態に依存した状態が必要となることがあります。Vue では、これをコンポーネントの[算出プロパティ](computed.html#computed-properties)として処理します。算出プロパティの作成には、getter 関数を受け取り、関数の返り値に対して、イミュータブルでリアクティブな [ref](./reactivity-fundamentals.html#独立したリアクティブな値を-参照-として作成する) オブジェクトを返却する `computed` メソッドを利用します。。
 
 ```js
 const count = ref(1)

src/guide/transitions-state.md

@@ -130,7 +130,7 @@ app.mount('#app')
 
 <common-codepen-snippet title="State Transition Components" slug="e9ef8ac7e32e0d0337e03d20949b4d17" tab="js,result" :editable="false" />
 
-これらの子コンポーネントを使用した複数の状態を構成することができるようになりました。Vue の [組み込みのトランジションシステム](transitions.html) によるものと同時に、このページで取り扱ったあらゆるトランジション戦略の組み合わせを利用できます。同時に、達成できることにはごくわずかの制限があります。
+これらの子コンポーネントを使用した複数の状態を構成することができるようになりました。Vue の [組み込みのトランジションシステム](transitions-enterleave.html) によるものと同時に、このページで取り扱ったあらゆるトランジション戦略の組み合わせを利用できます。同時に、達成できることにはごくわずかの制限があります。
 
 データの可視化、物理効果、キャラクターのアニメーションやインタラクションにどのように使用できるのかが分かるでしょう。可能性は無限大です。
 

src/style-guide/README.md

@@ -1425,7 +1425,7 @@ computed: {
 
 ### Single-file component top-level element order <sup data-p="c">recommended</sup>
 
-**[Single-file components](../guide/single-file-components.html) should always order `<script>`, `<template>`, and `<style>` tags consistently, with `<style>` last, because at least one of the other two is always necessary.**
+**[Single-file components](../guide/single-file-component.html) should always order `<script>`, `<template>`, and `<style>` tags consistently, with `<style>` last, because at least one of the other two is always necessary.**
 
 <div class="style-example style-example-bad">
 <h4>Bad</h4>