From 9c1d7670ab54b3a40d1e99f23941df88ef3e2f77 Mon Sep 17 00:00:00 2001
From: Naoki Endoh <naoki.endoh@gmail.com>
Date: Thu, 29 Apr 2021 19:20:47 +0900
Subject: [PATCH 1/8] fix: closed span tags

https://github.com/vuejs/docs-next/commit/fc1449bdb1c30b4882cc7fc350bbf8b36e6a0a0e#diff-35274a894b839664d9b049b61f4ceb59208a220f0008127c91fd80249d07a0ec
---
 src/guide/component-slots.md | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/guide/component-slots.md b/src/guide/component-slots.md
index 16bc193d..cd8a6750 100644
--- a/src/guide/component-slots.md
+++ b/src/guide/component-slots.md
@@ -275,7 +275,7 @@ app.component('todo-list', {
 <todo-list>
   <template v-slot:default="slotProps">
     <i class="fas fa-check"></i>
-    <span class="green">{{ slotProps.item }}<span>
+    <span class="green">{{ slotProps.item }}</span>
   </template>
 </todo-list>
 ```
@@ -291,7 +291,7 @@ app.component('todo-list', {
 ```html
 <todo-list v-slot:default="slotProps">
   <i class="fas fa-check"></i>
-  <span class="green">{{ slotProps.item }}<span>
+  <span class="green">{{ slotProps.item }}</span>
 </todo-list>
 ```
 
@@ -300,7 +300,7 @@ app.component('todo-list', {
 ```html
 <todo-list v-slot="slotProps">
   <i class="fas fa-check"></i>
-  <span class="green">{{ slotProps.item }}<span>
+  <span class="green">{{ slotProps.item }}</span>
 </todo-list>
 ```
 
@@ -311,7 +311,7 @@ app.component('todo-list', {
 <todo-list v-slot="slotProps">
   <todo-list v-slot:default="slotProps">
     <i class="fas fa-check"></i>
-    <span class="green">{{ slotProps.item }}<span>
+    <span class="green">{{ slotProps.item }}</span>
   </todo-list>
   <template v-slot:other="otherSlotProps">
     slotProps is NOT available here
@@ -325,7 +325,7 @@ app.component('todo-list', {
 <todo-list>
   <template v-slot:default="slotProps">
     <i class="fas fa-check"></i>
-    <span class="green">{{ slotProps.item }}<span>
+    <span class="green">{{ slotProps.item }}</span>
   </template>
 
   <template v-slot:other="otherSlotProps">
@@ -358,7 +358,7 @@ function (slotProps) {
 ```html
 <todo-list v-slot="{ item: todo }">
   <i class="fas fa-check"></i>
-  <span class="green">{{ todo }}<span>
+  <span class="green">{{ todo }}</span>
 </todo-list>
 ```
 

From c06c5b095d1250ab135144fd7eff9771f5883911 Mon Sep 17 00:00:00 2001
From: Naoki Endoh <naoki.endoh@gmail.com>
Date: Thu, 29 Apr 2021 19:21:35 +0900
Subject: [PATCH 2/8] docs: fix example in component-slots.md

https://github.com/vuejs/docs-next/commit/b78e9780cc929322b62ae286355972cf38acafcc#diff-35274a894b839664d9b049b61f4ceb59208a220f0008127c91fd80249d07a0ec
---
 src/guide/component-slots.md | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/guide/component-slots.md b/src/guide/component-slots.md
index cd8a6750..ae790c7a 100644
--- a/src/guide/component-slots.md
+++ b/src/guide/component-slots.md
@@ -48,7 +48,7 @@ Vue には [Web Components spec draft](https://github.com/w3c/webcomponents/blob
 <todo-button>
   <!-- コンポーネントを使ってアイコンを追加 -->
   <font-awesome-icon name="plus"></font-awesome-icon>
-  Your Profile
+  Add todo
 </todo-button>
 ```
 
@@ -331,7 +331,7 @@ app.component('todo-list', {
   <template v-slot:other="otherSlotProps">
     ...
   </template>
-</current-user>
+</todo-list>
 ```
 
 ### スロットプロパティの分割代入

From 9f826e918c5b37806a9f67edb178f6adf9ce67db Mon Sep 17 00:00:00 2001
From: Naoki Endoh <naoki.endoh@gmail.com>
Date: Thu, 29 Apr 2021 19:22:32 +0900
Subject: [PATCH 3/8] Update component-slots.md

https://github.com/vuejs/docs-next/commit/b6070fe76b44a9872838494ba1e9dd957fe5c486#diff-35274a894b839664d9b049b61f4ceb59208a220f0008127c91fd80249d07a0ec
---
 src/guide/component-slots.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/guide/component-slots.md b/src/guide/component-slots.md
index ae790c7a..fa8f046f 100644
--- a/src/guide/component-slots.md
+++ b/src/guide/component-slots.md
@@ -264,7 +264,7 @@ app.component('todo-list', {
 ```html
 <ul>
   <li v-for="( item, index ) in items">
-    <slot v-bind:item="item"></slot>
+    <slot :item="item"></slot>
   </li>
 </ul>
 ```

From dee38340d4d9a22e3127c050384b62a53cf50efe Mon Sep 17 00:00:00 2001
From: Naoki Endoh <naoki.endoh@gmail.com>
Date: Thu, 29 Apr 2021 19:23:18 +0900
Subject: [PATCH 4/8] docs: update component-slots.md

https://github.com/vuejs/docs-next/commit/a2f811f6321a2fd3cacd5629c3136f7162586972#diff-35274a894b839664d9b049b61f4ceb59208a220f0008127c91fd80249d07a0ec
---
 src/guide/component-slots.md | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

diff --git a/src/guide/component-slots.md b/src/guide/component-slots.md
index fa8f046f..e9b7c120 100644
--- a/src/guide/component-slots.md
+++ b/src/guide/component-slots.md
@@ -309,10 +309,9 @@ app.component('todo-list', {
 ```html
 <!-- 不正。警告が出ます -->
 <todo-list v-slot="slotProps">
-  <todo-list v-slot:default="slotProps">
-    <i class="fas fa-check"></i>
-    <span class="green">{{ slotProps.item }}</span>
-  </todo-list>
+  <i class="fas fa-check"></i>
+  <span class="green">{{ slotProps.item }}</span>
+  
   <template v-slot:other="otherSlotProps">
     slotProps is NOT available here
   </template>

From 3918ee21fed2d0922e9ae42f80f2453efc0280a9 Mon Sep 17 00:00:00 2001
From: Naoki Endoh <naoki.endoh@gmail.com>
Date: Thu, 29 Apr 2021 19:36:08 +0900
Subject: [PATCH 5/8] Added slot to todo list component

https://github.com/vuejs/docs-next/commit/705fea0dc6eceb2c9a3f9e9bee3ca70d62acafe9#diff-35274a894b839664d9b049b61f4ceb59208a220f0008127c91fd80249d07a0ec
---
 src/guide/component-slots.md | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/guide/component-slots.md b/src/guide/component-slots.md
index e9b7c120..91d85dc7 100644
--- a/src/guide/component-slots.md
+++ b/src/guide/component-slots.md
@@ -222,7 +222,7 @@ Vue には [Web Components spec draft](https://github.com/w3c/webcomponents/blob
   </footer>
 </div>
 ```
-**`v-slot` は（[一つの例外](#デフォルトスロットしかない場合の省略記法) を除き） `<template>` にしか指定できないことに注意してください。
+**`v-slot` は（[一つの例外](#デフォルトスロットしかない場合の省略記法) を除き） `<template>` にしか指定できないことに注意してください。
 
 ## スコープ付きスロット
 
@@ -247,7 +247,7 @@ app.component('todo-list', {
 })
 ```
 
-親コンポーネントでこれをカスタマイズするために、スロットに交換してもよいでしょう:
+親コンポーネントでこれをカスタマイズするために、`{{ item }}` を `<slot>` に置き換えたい場合があります:
 
 
 ```html
@@ -311,7 +311,7 @@ app.component('todo-list', {
 <todo-list v-slot="slotProps">
   <i class="fas fa-check"></i>
   <span class="green">{{ slotProps.item }}</span>
-  
+
   <template v-slot:other="otherSlotProps">
     slotProps is NOT available here
   </template>

From cde593ce1090418ec57b91f5d88720df72b76b37 Mon Sep 17 00:00:00 2001
From: Naoki Endoh <naoki.endoh@gmail.com>
Date: Thu, 29 Apr 2021 19:46:15 +0900
Subject: [PATCH 6/8] Update component-slots.md

https://github.com/vuejs/docs-next/commit/aefafd487fbc6579f0d67ea4cf2be29a00358338#diff-35274a894b839664d9b049b61f4ceb59208a220f0008127c91fd80249d07a0ec
---
 src/guide/component-slots.md | 14 +++++++++++---
 1 file changed, 11 insertions(+), 3 deletions(-)

diff --git a/src/guide/component-slots.md b/src/guide/component-slots.md
index 91d85dc7..059ca9b4 100644
--- a/src/guide/component-slots.md
+++ b/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>

From 90eb1246581ca25b2454da63c59db759cb959a42 Mon Sep 17 00:00:00 2001
From: Naoki Endoh <naoki.endoh@gmail.com>
Date: Thu, 29 Apr 2021 19:49:16 +0900
Subject: [PATCH 7/8] fix: wrap unintended template syntax with v-pre

https://github.com/vuejs/docs-next/commit/4a333dd299ab82ed1965e2e8fda9dfab5dd70963#diff-35274a894b839664d9b049b61f4ceb59208a220f0008127c91fd80249d07a0ec
---
 src/guide/component-slots.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/guide/component-slots.md b/src/guide/component-slots.md
index 059ca9b4..23dde6c2 100644
--- a/src/guide/component-slots.md
+++ b/src/guide/component-slots.md
@@ -247,7 +247,7 @@ app.component('todo-list', {
 })
 ```
 
-親コンポーネントでこれをカスタマイズするために、`{{ item }}` を `<slot>` に置き換えたい場合があります:
+親コンポーネントでこれをカスタマイズするために、<span v-pre>`{{ item }}`</span> を `<slot>` に置き換えたい場合があります:
 
 ```html
 <todo-list>

From f091edcaca55d3c912df4d949e377153e43115c8 Mon Sep 17 00:00:00 2001
From: Naoki Endoh <naoki.endoh@gmail.com>
Date: Thu, 29 Apr 2021 20:02:00 +0900
Subject: [PATCH 8/8] docs: translate guide > component slots

---
 src/guide/component-slots.md | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/guide/component-slots.md b/src/guide/component-slots.md
index 23dde6c2..1f7b2018 100644
--- a/src/guide/component-slots.md
+++ b/src/guide/component-slots.md
@@ -258,7 +258,7 @@ app.component('todo-list', {
 
 しかし、これは動作しません。というのも、 `item` にアクセスすることができるのは `<todo-list>` コンポーネントだけですが、ここで指定しているコンテンツは親コンポーネントで描画されるからです。
 
-親コンポーネント内でスロットコンテンツとして `item` を使えるようにするためには、これを `<slot>` 要素の属性としてバインドします:
+親コンポーネント内でスロットコンテンツとして `item` を使えるようにするためには、これを `<slot>` 要素の属性として束縛します:
 
 ```html
 <ul>
@@ -268,7 +268,7 @@ app.component('todo-list', {
 </ul>
 ```
 
-You can bind as many attributes to the `slot` as you need:
+必要な数の属性を `slot` に束縛できます:
 
 ```html
 <ul>
@@ -278,7 +278,7 @@ You can bind as many attributes to the `slot` as you need:
 </ul>
 ```
 
-`<slot>` 要素にバインドされた属性は、 **スロットプロパティ** と呼ばれます。これで、親スコープ内で `v-slot` に値を指定して、渡されたスロットプロパティの名前を定義できます:
+`<slot>` 要素に束縛された属性は、 **スロットプロパティ** と呼ばれます。これで、親スコープ内で `v-slot` に値を指定して、渡されたスロットプロパティの名前を定義できます:
 
 ```html
 <todo-list>