i18n(ja): Update astro-components.mdx (withastro#11503)

Co-authored-by: jp-knj <[email protected]>
Co-authored-by: Yan <[email protected]>

Author: 3 people

src/content/docs/ja/basics/astro-components.mdx

@@ -16,7 +16,6 @@ Astroコンポーネントがクライアントサイドでインタラクティ
 
 Astroコンポーネントは、**コンポーネントスクリプト**と**コンポーネントテンプレート**という2つの主要な部分で構成されています。それぞれのパーツは異なる役割を担いますが、この2つを組み合わせることで、使いやすさと、どんなものにも対応できる表現力を兼ね備えたフレームワークを提供しています。
 
-
 ```astro title="src/components/EmptyComponent.astro"
 ---
 // コンポーネントスクリプト (JavaScript)
@@ -90,7 +89,7 @@ const { title } = Astro.props;
 </ul>
 
 <!-- テンプレートディレクティブを使って、複数の文字列やオブジェクトからクラス名を作成できます -->
-<p class:list={["add", "dynamic", {classNames: true}]} />
+<p class:list={["add", "dynamic", { classNames: true }]} />
 ```
 
 
@@ -220,12 +219,15 @@ const { title } = Astro.props;
 ---
 <div id="content-wrapper">
   <Header />
-  <slot name="after-header" />  <!--  `slot="after-header"` 属性を持つ子要素はここに入ります。 -->
+  <!--  `slot="after-header"` 属性を持つ子要素はここに入ります。 -->
+  <slot name="after-header" />
   <Logo />
   <h1>{title}</h1>
-  <slot />  <!--  `slot`属性をもたない子要素、`slot="default"`属性を持つ子要素はここに入ります。 -->
+  <!--  `slot`属性をもたない子要素、`slot="default"`属性を持つ子要素はここに入ります。 -->
+  <slot />
   <Footer />
-  <slot name="after-footer" />  <!--  `slot="after-footer"` 属性を持つ子要素はここに入ります。 -->
+  <!--  `slot="after-footer"` 属性を持つ子要素はここに入ります。 -->
+  <slot name="after-footer" />
 </div>
 ```
 
@@ -285,7 +287,7 @@ import CustomTable from './CustomTable.astro';
 :::
 
 :::note
-Astroのスロット名は、map関数の中などで動的には生成できません。UIフレームワークコンポーネントの内部でこの機能が必要な場合は、フレームワーク側で動的なスロットを生成しておくのがベストです。
+Astroのスロット名は、[map](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/map)関数の中などで動的には生成できません。UIフレームワークコンポーネントの内部でこの機能が必要な場合は、フレームワーク側で動的なスロットを生成しておくのがベストです。
 :::
 
 ### スロットのフォールバックコンテンツ
@@ -312,7 +314,7 @@ const { title } = Astro.props;
 </div>
 ```
 
-フォールバックコンテンツは、slot="name"属性を持つ対応する要素が名前付きスロットに渡されていない場合にのみ表示されます。
+フォールバックコンテンツは、`slot="name"`属性を持つ対応する要素が名前付きスロットに渡されていない場合にのみ表示されます。
 
 スロット要素は存在するが渡すコンテンツがない場合、Astroは空のスロットを渡します。空のスロットが渡された場合、フォールバックコンテンツをデフォルトとしては使用できません。フォールバックコンテンツは、スロット要素が見つからない場合にのみ表示されます。