Update component-slots.md

vuejs/docs@aefafd4#diff-35274a894b839664d9b049b61f4ceb59208a220f0008127c91fd80249d07a0ec

Author: naokie

src/guide/component-slots.md

@@ -100,7 +100,6 @@ Vue には [Web Components spec draft](https://github.com/w3c/webcomponents/blob
 
 > 親のテンプレート内の全てのものは親のスコープでコンパイルされ、子のテンプレート内の全てのものは子のスコープでコンパイルされる。
 
-
 ## フォールバックコンテンツ
 
 スロットに対して、コンテンツがない場合にだけ描画されるフォールバック (つまり、デフォルトの) コンテンツを指定すると便利な場合があります。例えば、`<submit-button>` コンポーネントにおいて:
@@ -222,6 +221,7 @@ Vue には [Web Components spec draft](https://github.com/w3c/webcomponents/blob
   </footer>
 </div>
 ```
+
 **`v-slot` は（[一つの例外](#デフォルトスロットしかない場合の省略記法) を除き） `<template>` にしか指定できないことに注意してください。
 
 ## スコープ付きスロット
@@ -249,7 +249,6 @@ app.component('todo-list', {
 
 親コンポーネントでこれをカスタマイズするために、`{{ item }}` を `<slot>` に置き換えたい場合があります:
 
-
 ```html
 <todo-list>
   <i class="fas fa-check"></i>
@@ -269,6 +268,16 @@ app.component('todo-list', {
 </ul>
 ```
 
+You can bind as many attributes to the `slot` as you need:
+
+```html
+<ul>
+  <li v-for="( item, index ) in items">
+    <slot :item="item" :index="index" :another-attribute="anotherAttribute"></slot>
+  </li>
+</ul>
+```
+
 `<slot>` 要素にバインドされた属性は、 **スロットプロパティ** と呼ばれます。これで、親スコープ内で `v-slot` に値を指定して、渡されたスロットプロパティの名前を定義できます:
 
 ```html
@@ -386,7 +395,6 @@ function (slotProps) {
 
 `v-on` や `v-bind` と同様に `v-slot` にも省略記法があり、引数の前のすべての部分 (`v-slot:`) を特別な記号 `#` で置き換えます。例えば、`v-slot:header` は `#header` に書き換えることができます:
 
-
 ```html
 <base-layout>
   <template #header>