From f1e63ed8faf5a41aaa8434cb62ecbe3f1c236376 Mon Sep 17 00:00:00 2001
From: Giildo <34237011+Giildo@users.noreply.github.com>
Date: Fri, 8 Mar 2019 10:55:07 +0100
Subject: [PATCH] Update components-slots.md

Adding a documentation for the slots named and the slots scoped in french, because we have no documentation for the new synthaxe "slot-scope: slotName =" item "" and "# slotName =" item "".
---
 src/v2/guide/components-slots.md | 47 ++++++++++++++++++++++++++++++++
 1 file changed, 47 insertions(+)

diff --git a/src/v2/guide/components-slots.md b/src/v2/guide/components-slots.md
index b4eca31bdb..9f02c6657b 100644
--- a/src/v2/guide/components-slots.md
+++ b/src/v2/guide/components-slots.md
@@ -227,3 +227,50 @@ La valeur de l'attribut `slot-scope` peut actuellement recevoir une expression J
 ```
 
 Cela peut être pratique pour rendre vos slot avec portée un peu plus lisibles.
+
+### Travail avec un slot nommé et un slot avec portée
+
+> Nouveauté en 2.6+
+
+Lorsqu'on travaille avec un slot nommé il est nécessaire d'indiquer le nom de ce dernier au mme niveau que le `slot-scope` :
+
+```html
+<ul>
+  <li
+    v-for="todo in todos"
+    v-bind:key="todo.id"
+  >
+    <!-- Un slot est créé pour chaque élément de "todos" -->
+    <!-- Chaque objet `todo` va bénéficier d'un "slot prop" -->
+    <slot v-bind:todo="todo" name="todoSlot">
+      <!-- Ici le contenu par défaut du slot -->
+      {{ todo.text }}
+    </slot>
+  </li>
+</ul>
+```
+
+```html
+<todo-list v-bind:todos="todos" slot-scope="todo" slot="todoSlot">
+  <span v-if="todo.isComplete">✓</span>
+  {{ todo.text }}
+</todo-list>
+```
+
+Mais on peut utiliser une expression raccourcie :
+
+```html
+<todo-list v-bind:todos="todos" slot-scope:todoSlot="todo">
+  <span v-if="todo.isComplete">✓</span>
+  {{ todo.text }}
+</todo-list>
+```
+
+... ou :
+
+```html
+<todo-list v-bind:todos="todos" #todoSlot="todo">
+  <span v-if="todo.isComplete">✓</span>
+  {{ todo.text }}
+</todo-list>
+```