From 5768fc3f28f2ba6fc33e07607e6801c874d93b7e Mon Sep 17 00:00:00 2001
From: DaedalusDev <dev.daedalus@gmail.com>
Date: Fri, 14 Sep 2018 15:31:55 +0200
Subject: [PATCH 1/6] Traduction components-slots

---
 .gitignore                         |   3 +
 src/v2/guide/components-slots.md   | 149 +++++++++++++++--------------
 themes/vue/layout/partials/toc.ejs |   2 +-
 3 files changed, 83 insertions(+), 71 deletions(-)

diff --git a/.gitignore b/.gitignore
index 7c13a2dbcd..547d019799 100644
--- a/.gitignore
+++ b/.gitignore
@@ -6,3 +6,6 @@ node_modules/
 public/
 .deploy*/
 src/_drafts
+
+# Idea folder
+.idea
diff --git a/src/v2/guide/components-slots.md b/src/v2/guide/components-slots.md
index ac5cca7119..b78724c8a5 100644
--- a/src/v2/guide/components-slots.md
+++ b/src/v2/guide/components-slots.md
@@ -1,24 +1,24 @@
 ---
-title: Slots (EN)
+title: Slots
 type: guide
 order: 104
 ---
 
-> This page assumes you've already read the [Components Basics](components.html). Read that first if you are new to components.
+> Cette page suppose que vous avez déjà lu les principes de base des [composants](components.html). Lisez-les en premier si les composants sont quelque chose de nouveau pour vous.
 
-## Slot Content
+## Les "Slot content" ou "Emplacements enfant"
 
-<p>Cette page est en cours de traduction. Pour nous aider, vous pouvez participer sur <a href="https://github.com/vuejs-fr/vuejs.org" target="_blank">le dépôt GitHub dédié de Vuejs-FR</a>.</p><p>Vue implements a content distribution API that's modeled after the current [Web Components spec draft](https://github.com/w3c/webcomponents/blob/gh-pages/proposals/Slots-Proposal.md), using the `<slot>` element to serve as distribution outlets for content.</p>
+Vue implémente une logique de distribution des noeuds. Elle s'inspire du [Brouillon de spécification des WebComponents](https://github.com/w3c/webcomponents/blob/gh-pages/proposals/Slots-Proposal.md) du W3C.
 
-This allows you to compose components like this:
+Cette fonctionnalité permet d'organiser, avec l'utilisation des éléments `<slot>`, la distribution des noeuds enfant :
 
 ``` html
 <navigation-link url="/profile">
-  Your Profile
+  Mon profil
 </navigation-link>
 ```
 
-Then in the template for `<navigation-link>`, you might have:
+Dans le template `<navigation-link>`, nous aurons :
 
 ``` html
 <a
@@ -29,47 +29,47 @@ Then in the template for `<navigation-link>`, you might have:
 </a>
 ```
 
-When the component renders, the `<slot>` element will be replaced by "Your Profile". Slots can contain any template code, including HTML:
+Lors du cycle de rendu du composent, l'élément `<slot>` est remplacé par "Mon profil". Les `<slot>` peuvent contenir de l'HTML :
 
 ``` html
 <navigation-link url="/profile">
-  <!-- Add a Font Awesome icon -->
+  <!-- Mon icone -->
   <span class="fa fa-user"></span>
-  Your Profile
+  Mon profil
 </navigation-link>
 ```
 
-Or even other components:
+Ou encore faire appel à d'autres composants :
 
 ``` html
 <navigation-link url="/profile">
-  <!-- Use a component to add an icon -->
+  <!-- Utilisation d'un composant dédié à l'ajout d'une icone -->
   <font-awesome-icon name="user"></font-awesome-icon>
-  Your Profile
+  Mon profil
 </navigation-link>
 ```
 
-If `<navigation-link>` did **not** contain a `<slot>` element, any content passed to it would simply be discarded.
+**Attention :** Si `<navigation-link>` ne contient **pas** d'élément `<slot>`, le contenu enfant sera simplement ignoré.
 
-## Named Slots
+## Les Slots nommés
 
-There are times when it's useful to have multiple slots. For example, in a hypothetical `base-layout` component with the following template:
+Dans certains cas, il peut être interessant d'avoir plusieurs éléments `<slot>`. Dans un exemple hypothetique, voici le template d'un composant `<base-layout>`:
 
 ``` html
 <div class="container">
   <header>
-    <!-- We want header content here -->
+    <!-- Ici le contenu de l'entête -->
   </header>
   <main>
-    <!-- We want main content here -->
+    <!-- Ici le contenu courant -->
   </main>
   <footer>
-    <!-- We want footer content here -->
+    <!-- Ici le pied de page -->
   </footer>
 </div>
 ```
 
-For these cases, the `<slot>` element has a special attribute, `name`, which can be used to define additional slots:
+Dans le cas suivant, nous avons besoin de plusieurs éléments `<slot>` "nommés" avec un attribut `name` afin qu'ils soient clairement désignés et positionnés :
 
 ``` html
 <div class="container">
@@ -77,6 +77,7 @@ For these cases, the `<slot>` element has a special attribute, `name`, which can
     <slot name="header"></slot>
   </header>
   <main>
+    <!-- Ce slot est le slot par défaut -->
     <slot></slot>
   </main>
   <footer>
@@ -85,86 +86,90 @@ For these cases, the `<slot>` element has a special attribute, `name`, which can
 </div>
 ```
 
-To provide content to named slots, we can use the `slot` attribute on a `<template>` element in the parent:
+Afin de distribuer le contenu dans les éléments `<slot>` appropriés, il suffit d'utiliser l'attribut réservé `slot` sur un élément du `<template>` du composant parent :
 
-```html
+``` html
 <base-layout>
-  <template slot="header">
-    <h1>Here might be a page title</h1>
-  </template>
+  <h1 slot="header">Le titre de ma page</h1>
 
-  <p>A paragraph for the main content.</p>
-  <p>And another one.</p>
+  <p>Un paragraphe pour le slot par défaut</p>
+  <p>Un autre paragraphe pour le slot par défaut</p>
 
-  <template slot="footer">
-    <p>Here's some contact info</p>
-  </template>
+  <p slot="footer">Le pied de ma page</p>
 </base-layout>
 ```
 
-Or, the `slot` attribute can also be used directly on a normal element:
+Pour grouper plusieurs éléments dans un slot, il suffit d'utiliser une balise `<template>` directement dans le `<template>` du composant parent :
 
-``` html
+```html
 <base-layout>
-  <h1 slot="header">Here might be a page title</h1>
+  <template slot="header">
+    <h1>Le titre de ma page</h1>
+    <button>Menu</button>
+  </template>
 
-  <p>A paragraph for the main content.</p>
-  <p>And another one.</p>
+  <p>Un paragraphe pour le slot par défaut</p>
+  <p>Un autre paragraphe pour le slot par défaut</p>
 
-  <p slot="footer">Here's some contact info</p>
+  <template slot="footer">
+    <p>Le pied de ma page</p>
+    <a href="mailto:me@mail.com">Contactez moi</a>
+  </template>
 </base-layout>
 ```
 
-There can still be one unnamed slot, which is the **default slot** that serves as a catch-all outlet for any unmatched content. In both examples above, the  rendered HTML would be:
+**Attention :** Il ne peut y avoir qu'un seul **default slot** qui n'a pas d'attribut `name`. Dans l'exemple précédent, le rendu HTML produit sera :
 
 ``` html
 <div class="container">
   <header>
-    <h1>Here might be a page title</h1>
+    <h1>Le titre de ma page</h1>
+    <button>Menu</button>
   </header>
   <main>
-    <p>A paragraph for the main content.</p>
-    <p>And another one.</p>
+    <p>Un paragraphe pour le slot par défaut</p>
+    <p>Un autre paragraphe pour le slot par défaut</p>
   </main>
   <footer>
-    <p>Here's some contact info</p>
+    <p>Le pied de ma page</p>
+    <a href="mailto:me@mail.com">Contactez moi</a>
   </footer>
 </div>
 ```
 
-## Default Slot Content
+## Les slots avec contenu par défaut
 
-There are cases when it's useful to provide a slot with default content. For example, a `<submit-button>` component might want the content of the button to be "Submit" by default, but also allow users to override with "Save", "Upload", or anything else.
+Dans certains cas, il peut être interessant de fournir un contenu par défaut pour vos slots. Par exemple, qu'un composant `<submit-button>` contienne le texte 'Envoyer' par défaut et que ce contenu soit facilement modifié par 'Sauvegarder', 'Télécharger', ...
 
-To achieve this, specify the default content in between the `<slot>` tags.
+Pour procéder de la sorte, il est possible de spécifier le contenu par défaut d'une balise `<slot>`.
 
 ```html
 <button type="submit">
-  <slot>Submit</slot>
+  <slot>Envoyer</slot>
 </button>
 ```
 
-If the slot is provided content by the parent, it will replace the default content.
+Si le `<slot>` est rempli dans le composant parent, le contenu par défaut est remplacé.
 
-## Compilation Scope
+## Scope de compilation du template
 
-When you want to use data inside a slot, such as in:
+Dans le cas suivant, la donnée dans le slot est utilisée de cette manière :
 
 ``` html
 <navigation-link url="/profile">
-  Logged in as {{ user.name }}
+  Connecté en tant que {{ user.name }}
 </navigation-link>
 ```
 
-That slot has access to the same instance properties (i.e. the same "scope") as the rest of the template. The slot does **not** have access to `<navigation-link>`'s scope. For example, trying to access `url` would not work. As a rule, remember that:
+Le `<slot>` bénéficie des mêmes propriétés d'instance (même "scope" ou "contexte") que le reste du template parent. Le `<slot>` **ne** bénéficie en aucun cas des éléments du "scope" de l'instance de `<navigation-link>`. Par exemple, tenter d'accéder à la props `url` ne fonctionnera pas. A titre de règle générale, souvenez vous que :
 
-> Everything in the parent template is compiled in parent scope; everything in the child template is compiled in the child scope.
+> Tout ce qui est compilé dans le `<template>` parent accède au contexte parent. Tout ce qui est compilé dans le `<template>` enfant accède au contexte enfant.
 
-## Scoped Slots
+## Les slots scopés (ou slots avec accès au child scope)
 
-> New in 2.1.0+
+> Nouveauté en 2.1.0+
 
-Sometimes you'll want to provide a component with a reusable slot that can access data from the child component. For example, a simple `<todo-list>` component may contain the following in its template:
+Dans certains cas, il peut être interessant lors de l'utilisation d'un composant avec éléments `<slot>` réutilisables, de bénéficier du scope du composant enfant. Voici l'exemple d'un composant `<todo-list>` dont le `<template>` est :
 
 ```html
 <ul>
@@ -177,9 +182,9 @@ Sometimes you'll want to provide a component with a reusable slot that can acces
 </ul>
 ```
 
-But in some parts of our app, we want the individual todo items to render something different than just the `todo.text`. This is where scoped slots come in.
+Dans certaines parties de l'application, il serait interessant de personnaliser le rendu pour chaque éléments de la liste, en concervant `todo.text`. C'est possible avec les slots scopés.
 
-To make the feature possible, all we have to do is wrap the todo item content in a `<slot>` element, then pass the slot any data relevant to its context: in this case, the `todo` object:
+Pour utiliser cette fonctionnalité, nous allons englober le contenu du rendu d'élément de liste avec un élément `<slot>`, et fournir un jeu de donnée  via la directive `v-bind` (dans notre cas, l'objet `todo`) :
 
 ```html
 <ul>
@@ -187,35 +192,39 @@ To make the feature possible, all we have to do is wrap the todo item content in
     v-for="todo in todos"
     v-bind:key="todo.id"
   >
-    <!-- We have a slot for each todo, passing it the -->
-    <!-- `todo` object as a slot prop.                -->
+    <!-- Un slot est créé pour chaque éléments de "todos" -->
+    <!-- Chaque objet `todo` va bénéfichier d'un "slot prop" -->
     <slot v-bind:todo="todo">
-      <!-- Fallback content -->
+      <!-- Ici le contenu par défaut du slot -->
       {{ todo.text }}
     </slot>
   </li>
 </ul>
 ```
 
-Now when we use the `<todo-list>` component, we can optionally define an alternative `<template>` for todo items, but with access to data from the child via the `slot-scope` attribute:
+Lorsqu'on utiliser le composant `<todo-list>`, il devient alors possible de fournir un `<template>` de rendu des éléments de la liste et il est possible d'accèder à la donnée du `slot` avec l'attribut `slot-scope` :
 
 ```html
 <todo-list v-bind:todos="todos">
-  <!-- Define `slotProps` as the name of our slot scope -->
-  <template slot-scope="slotProps">
-    <!-- Define a custom template for todo items, using -->
-    <!-- `slotProps` to customize each todo.            -->
-    <span v-if="slotProps.todo.isComplete">✓</span>
-    {{ slotProps.todo.text }}
+  <!-- Définir `slotProps` pour assigner la donnée du slot dans une variable -->
+  <template slot-scope="lesPropsDuSlot">
+    <!-- Ici, nous allons personnaliser le rendu du slot -->
+    <!-- `lesPropsDuSlot` contiendra les props fournies par v-bind dans le slot enfant -->
+    <span v-if="lesPropsDuSlot.todo.isComplete">✓</span>
+    {{ lesPropsDuSlot.todo.text }}
   </template>
 </todo-list>
 ```
 
-> In 2.5.0+, `slot-scope` is no longer limited to the `<template>` element, but can instead be used on any element or component in the slot.
+> Dans 2.5.0+, `slot-scope` n'est plus limité aux éléments  `<template>` et peut être utilisé sur n'importe quel élément ou composant (`<div>`, `<my-component>`, ...)
+
+### Affectation par décomposition du `slot-scope` [Affecter par décomposition](https://developer.mozilla.org/fr/docs/Web/JavaScript/Reference/Op%C3%A9rateurs/Affecter_par_d%C3%A9composition)
 
-### Destructuring `slot-scope`
+`slot-scope` peut actuellement recevoir une expression JavaScript valide quoi pourrait apparaitre en argument de définition d'une fonction.
+Attention cependant, cette fonctionnalité est soumise à l'utilisation des environnements suivants :
+[Composants monofichiers](single-file-components.html) ou [Navigateurs modernes](https://developer.mozilla.org/fr/docs/Web/JavaScript/Reference/Op%C3%A9rateurs/Affecter_par_d%C3%A9composition#Compatibilité_des_navigateurs)
 
-The value of `slot-scope` can actually accept any valid JavaScript expression that can appear in the argument position of a function definition. This means in supported environments ([single-file components](single-file-components.html) or [modern browsers](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment#Browser_compatibility)) you can also use [ES2015 destructuring](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Destructuring_assignment#Object_destructuring) in the expression, like so:
+Exemple :
 
 ```html
 <todo-list v-bind:todos="todos">
@@ -226,4 +235,4 @@ The value of `slot-scope` can actually accept any valid JavaScript expression th
 </todo-list>
 ```
 
-This is a great way to make scoped slots a little cleaner.
+Celà peut être pratique pour rendre vos slot scopés un peu plus lisibles.
diff --git a/themes/vue/layout/partials/toc.ejs b/themes/vue/layout/partials/toc.ejs
index b388b246be..bf743582e6 100644
--- a/themes/vue/layout/partials/toc.ejs
+++ b/themes/vue/layout/partials/toc.ejs
@@ -12,7 +12,7 @@
         <li><h3>Transitions & animation</h3></li>
       <% } %>
       <% if (fileName === 'mixins') { %>
-        <li><h3>Réusabilité & composition</h3></li>
+        <li><h3>Réutilisabilité & composition</h3></li>
       <% } %>
       <% if (fileName === 'deployment') { %>
         <li><h3>Outils</h3></li>

From 5ce826822a711c55d641ad211652e4fd8197001f Mon Sep 17 00:00:00 2001
From: Daedalus's dev <dev.daedalus@gmail.com>
Date: Sat, 15 Sep 2018 14:19:02 +0200
Subject: [PATCH 2/6] =?UTF-8?q?-=20Correction=20des=20""=20avec=20des=20?=
 =?UTF-8?q?=C2=AB=C2=BB=20-=20Alignement=20sur=20la=20documentation=20offi?=
 =?UTF-8?q?cielle=20de=20vue.org?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .gitignore                       |  1 -
 src/v2/guide/components-slots.md | 82 ++++++++++++++------------------
 2 files changed, 36 insertions(+), 47 deletions(-)

diff --git a/.gitignore b/.gitignore
index 547d019799..670c2d9b08 100644
--- a/.gitignore
+++ b/.gitignore
@@ -6,6 +6,5 @@ node_modules/
 public/
 .deploy*/
 src/_drafts
-
 # Idea folder
 .idea
diff --git a/src/v2/guide/components-slots.md b/src/v2/guide/components-slots.md
index b78724c8a5..21ab246688 100644
--- a/src/v2/guide/components-slots.md
+++ b/src/v2/guide/components-slots.md
@@ -6,12 +6,11 @@ order: 104
 
 > Cette page suppose que vous avez déjà lu les principes de base des [composants](components.html). Lisez-les en premier si les composants sont quelque chose de nouveau pour vous.
 
-## Les "Slot content" ou "Emplacements enfant"
+## Les « Slot content » ou « Contenu de slot »
 
-Vue implémente une logique de distribution des noeuds. Elle s'inspire du [Brouillon de spécification des WebComponents](https://github.com/w3c/webcomponents/blob/gh-pages/proposals/Slots-Proposal.md) du W3C.
-
-Cette fonctionnalité permet d'organiser, avec l'utilisation des éléments `<slot>`, la distribution des noeuds enfant :
+Vue implémente une API de distribution de contenu inspiré du [Brouillon de spécification des WebComponents](https://github.com/w3c/webcomponents/blob/gh-pages/proposals/Slots-Proposal.md) utilisant l'élément `<slot>` comme zone d'atterissage pour la distribution du contenu.
 
+Celà vous permet de composer vos composant ainsi :
 ``` html
 <navigation-link url="/profile">
   Mon profil
@@ -29,7 +28,7 @@ Dans le template `<navigation-link>`, nous aurons :
 </a>
 ```
 
-Lors du cycle de rendu du composent, l'élément `<slot>` est remplacé par "Mon profil". Les `<slot>` peuvent contenir de l'HTML :
+Lors du cycle de rendu du composent, l'élément `<slot>` est remplacé par « Mon profil ». Les éléments `<slot>` peuvent contenir n'importe quel code de template, incluant le HTML :
 
 ``` html
 <navigation-link url="/profile">
@@ -49,7 +48,7 @@ Ou encore faire appel à d'autres composants :
 </navigation-link>
 ```
 
-**Attention :** Si `<navigation-link>` ne contient **pas** d'élément `<slot>`, le contenu enfant sera simplement ignoré.
+Si `<navigation-link>` ne contient **pas** d'élément `<slot>`, le contenu enfant sera simplement ignoré.
 
 ## Les Slots nommés
 
@@ -69,7 +68,7 @@ Dans certains cas, il peut être interessant d'avoir plusieurs éléments `<slot
 </div>
 ```
 
-Dans le cas suivant, nous avons besoin de plusieurs éléments `<slot>` "nommés" avec un attribut `name` afin qu'ils soient clairement désignés et positionnés :
+Dans le cas suivant, l'élément `<slot>` à un l'attribut spécial `name` , qui peut être utilisé pour désigner des slots additionnels :
 
 ``` html
 <div class="container">
@@ -77,7 +76,6 @@ Dans le cas suivant, nous avons besoin de plusieurs éléments `<slot>` "nommés
     <slot name="header"></slot>
   </header>
   <main>
-    <!-- Ce slot est le slot par défaut -->
     <slot></slot>
   </main>
   <footer>
@@ -86,60 +84,56 @@ Dans le cas suivant, nous avons besoin de plusieurs éléments `<slot>` "nommés
 </div>
 ```
 
-Afin de distribuer le contenu dans les éléments `<slot>` appropriés, il suffit d'utiliser l'attribut réservé `slot` sur un élément du `<template>` du composant parent :
+Afin de distribuer le contenu dans les éléments `<slot>` appropriés, il suffit d'utiliser l'attribut réservé `slot` sur un élément `<template>` du composant parent :
 
-``` html
+```html
 <base-layout>
-  <h1 slot="header">Le titre de ma page</h1>
+  <template slot="header">
+    <h1>Le titre de ma page</h1>
+  </template>
 
-  <p>Un paragraphe pour le slot par défaut</p>
-  <p>Un autre paragraphe pour le slot par défaut</p>
+  <p>Un paragraphe pour le slot par défaut.</p>
+  <p>Un autre paragraphe.</p>
 
-  <p slot="footer">Le pied de ma page</p>
+  <template slot="footer">
+    <p>Ici les infos de contact</p>
+  </template>
 </base-layout>
 ```
 
-Pour grouper plusieurs éléments dans un slot, il suffit d'utiliser une balise `<template>` directement dans le `<template>` du composant parent :
+Ou utiliser l'attribut `slot` directement sur un élément normal:
 
-```html
+``` html
 <base-layout>
-  <template slot="header">
-    <h1>Le titre de ma page</h1>
-    <button>Menu</button>
-  </template>
+  <h1 slot="header">Le titre de ma page</h1>
 
-  <p>Un paragraphe pour le slot par défaut</p>
-  <p>Un autre paragraphe pour le slot par défaut</p>
+  <p>Un paragraphe pour le slot par défaut.</p>
+  <p>Un autre paragraphe.</p>
 
-  <template slot="footer">
-    <p>Le pied de ma page</p>
-    <a href="mailto:me@mail.com">Contactez moi</a>
-  </template>
+  <p slot="footer">Ici les infos de contact</p>
 </base-layout>
 ```
 
-**Attention :** Il ne peut y avoir qu'un seul **default slot** qui n'a pas d'attribut `name`. Dans l'exemple précédent, le rendu HTML produit sera :
+Il ne peut y avoir qu'un seul **default slot** qui recevra tous les éléments qui ne correspondent à aucun des slots nommés. Dans l'exemple précédent, le rendu HTML produit sera :
 
 ``` html
 <div class="container">
   <header>
     <h1>Le titre de ma page</h1>
-    <button>Menu</button>
   </header>
   <main>
-    <p>Un paragraphe pour le slot par défaut</p>
-    <p>Un autre paragraphe pour le slot par défaut</p>
+    <p>Un paragraphe pour le slot par défaut.</p>
+    <p>Un autre paragraphe.</p>
   </main>
   <footer>
-    <p>Le pied de ma page</p>
-    <a href="mailto:me@mail.com">Contactez moi</a>
+    <p>Ici les infos de contact</p>
   </footer>
 </div>
 ```
 
 ## Les slots avec contenu par défaut
 
-Dans certains cas, il peut être interessant de fournir un contenu par défaut pour vos slots. Par exemple, qu'un composant `<submit-button>` contienne le texte 'Envoyer' par défaut et que ce contenu soit facilement modifié par 'Sauvegarder', 'Télécharger', ...
+Dans certains cas, il peut être interessant de fournir un contenu par défaut pour vos slots. Par exemple, qu'un composant `<submit-button>` contienne le texte 'Envoyer' par défaut et que ce contenu soit facilement modifié par 'Sauvegarder', 'Télécharger', ou autre.
 
 Pour procéder de la sorte, il est possible de spécifier le contenu par défaut d'une balise `<slot>`.
 
@@ -153,7 +147,7 @@ Si le `<slot>` est rempli dans le composant parent, le contenu par défaut est r
 
 ## Scope de compilation du template
 
-Dans le cas suivant, la donnée dans le slot est utilisée de cette manière :
+Quand on utilise de la donnée dans le slot, comme dans l'exemple suivant :
 
 ``` html
 <navigation-link url="/profile">
@@ -161,15 +155,15 @@ Dans le cas suivant, la donnée dans le slot est utilisée de cette manière :
 </navigation-link>
 ```
 
-Le `<slot>` bénéficie des mêmes propriétés d'instance (même "scope" ou "contexte") que le reste du template parent. Le `<slot>` **ne** bénéficie en aucun cas des éléments du "scope" de l'instance de `<navigation-link>`. Par exemple, tenter d'accéder à la props `url` ne fonctionnera pas. A titre de règle générale, souvenez vous que :
+Le `<slot>` bénéficie des mêmes propriétés d'instance (même « scope » ou « contexte ») que le reste du template parent. Le `<slot>` **ne** bénéficie en aucun cas des éléments du « scope » de l'instance de `<navigation-link>`. Par exemple, tenter d'accéder à la props `url` ne fonctionnera pas. A titre de règle générale, souvenez vous que :
 
-> Tout ce qui est compilé dans le `<template>` parent accède au contexte parent. Tout ce qui est compilé dans le `<template>` enfant accède au contexte enfant.
+> Tout ce qui est dans le `<template>` parent est compilé dans le contexte parent. Tout ce qui est dans le `<template>` enfant est compilé dans le contexte enfant.
 
 ## Les slots scopés (ou slots avec accès au child scope)
 
 > Nouveauté en 2.1.0+
 
-Dans certains cas, il peut être interessant lors de l'utilisation d'un composant avec éléments `<slot>` réutilisables, de bénéficier du scope du composant enfant. Voici l'exemple d'un composant `<todo-list>` dont le `<template>` est :
+Dans certains cas, il peut être interessant lors de l'utilisation d'un composant avec éléments `<slot>` réutilisables, d'accéder à de la donnée du scope du composant enfant. Voici l'exemple d'un composant `<todo-list>` dont le `<template>` est :
 
 ```html
 <ul>
@@ -182,9 +176,9 @@ Dans certains cas, il peut être interessant lors de l'utilisation d'un composan
 </ul>
 ```
 
-Dans certaines parties de l'application, il serait interessant de personnaliser le rendu pour chaque éléments de la liste, en concervant `todo.text`. C'est possible avec les slots scopés.
+Dans certaines parties de l'application, il serait interessant de personnaliser le rendu pour chaque éléments de la liste, plutôt que d'afficher seulement `todo.text`. C'est possible avec les slots scopés.
 
-Pour utiliser cette fonctionnalité, nous allons englober le contenu du rendu d'élément de liste avec un élément `<slot>`, et fournir un jeu de donnée  via la directive `v-bind` (dans notre cas, l'objet `todo`) :
+Pour utiliser cette fonctionnalité, nous allons englober le contenu du rendu d'élément de liste avec un élément `<slot>`, et fournir un jeu de donnée provenant de son contexte : dans notre cas, l'objet `todo`) :
 
 ```html
 <ul>
@@ -202,7 +196,7 @@ Pour utiliser cette fonctionnalité, nous allons englober le contenu du rendu d'
 </ul>
 ```
 
-Lorsqu'on utiliser le composant `<todo-list>`, il devient alors possible de fournir un `<template>` de rendu des éléments de la liste et il est possible d'accèder à la donnée du `slot` avec l'attribut `slot-scope` :
+Lorsqu'on utiliser le composant `<todo-list>`, il devient alors possible de fournir de façon optionnelle un `<template>` alternatif de rendu des éléments de la liste, et d'accèder à la donnée du `slot` enfant avec l'attribut `slot-scope` :
 
 ```html
 <todo-list v-bind:todos="todos">
@@ -218,13 +212,9 @@ Lorsqu'on utiliser le composant `<todo-list>`, il devient alors possible de four
 
 > Dans 2.5.0+, `slot-scope` n'est plus limité aux éléments  `<template>` et peut être utilisé sur n'importe quel élément ou composant (`<div>`, `<my-component>`, ...)
 
-### Affectation par décomposition du `slot-scope` [Affecter par décomposition](https://developer.mozilla.org/fr/docs/Web/JavaScript/Reference/Op%C3%A9rateurs/Affecter_par_d%C3%A9composition)
-
-`slot-scope` peut actuellement recevoir une expression JavaScript valide quoi pourrait apparaitre en argument de définition d'une fonction.
-Attention cependant, cette fonctionnalité est soumise à l'utilisation des environnements suivants :
-[Composants monofichiers](single-file-components.html) ou [Navigateurs modernes](https://developer.mozilla.org/fr/docs/Web/JavaScript/Reference/Op%C3%A9rateurs/Affecter_par_d%C3%A9composition#Compatibilité_des_navigateurs)
+### Affectation par décomposition du `slot-scope`
 
-Exemple :
+La valeur de l'attribut `slot-scope` peut actuellement recevoir une expression JavaScript valide qui pourrait apparaitre en argument de définition d'une fonction. Attention cependant, cette fonctionnalité est soumise à l'utilisation des environnements suivants : [Composants monofichiers](single-file-components.html) ou [Navigateurs modernes](https://developer.mozilla.org/fr/docs/Web/JavaScript/Reference/Op%C3%A9rateurs/Affecter_par_d%C3%A9composition#Compatibilité_des_navigateurs) vous pouvez alors utiliser [Affecter par décomposition (ES2015)](https://developer.mozilla.org/fr/docs/Web/JavaScript/Reference/Op%C3%A9rateurs/Affecter_par_d%C3%A9composition) dans l'expression, de cette manière :
 
 ```html
 <todo-list v-bind:todos="todos">

From 277420913b92759c19037bb4397b6b34ba53b0d3 Mon Sep 17 00:00:00 2001
From: Daedalus's dev <dev.daedalus@gmail.com>
Date: Mon, 17 Sep 2018 19:51:02 +0200
Subject: [PATCH 3/6] =?UTF-8?q?-=20Traduction=20creating-custom-scroll-dir?=
 =?UTF-8?q?ectives=202=C3=A8me=20relecture?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/v2/guide/components-slots.md | 39 ++++++++++++++++----------------
 1 file changed, 20 insertions(+), 19 deletions(-)

diff --git a/src/v2/guide/components-slots.md b/src/v2/guide/components-slots.md
index 21ab246688..53dcea012b 100644
--- a/src/v2/guide/components-slots.md
+++ b/src/v2/guide/components-slots.md
@@ -8,9 +8,9 @@ order: 104
 
 ## Les « Slot content » ou « Contenu de slot »
 
-Vue implémente une API de distribution de contenu inspiré du [Brouillon de spécification des WebComponents](https://github.com/w3c/webcomponents/blob/gh-pages/proposals/Slots-Proposal.md) utilisant l'élément `<slot>` comme zone d'atterissage pour la distribution du contenu.
+Vue implémente une API de distribution de contenu inspirée du [Brouillon de spécification des WebComponents](https://github.com/w3c/webcomponents/blob/gh-pages/proposals/Slots-Proposal.md) utilisant l'élément `<slot>` comme zone de distribution de contenu.
 
-Celà vous permet de composer vos composant ainsi :
+Cela vous permet de composer vos composant ainsi :
 ``` html
 <navigation-link url="/profile">
   Mon profil
@@ -28,11 +28,11 @@ Dans le template `<navigation-link>`, nous aurons :
 </a>
 ```
 
-Lors du cycle de rendu du composent, l'élément `<slot>` est remplacé par « Mon profil ». Les éléments `<slot>` peuvent contenir n'importe quel code de template, incluant le HTML :
+Lors du cycle de rendu du composant, l'élément `<slot>` est remplacé par « Mon profil ». Les éléments `<slot>` peuvent contenir n'importe quel code de template, incluant le HTML :
 
 ``` html
 <navigation-link url="/profile">
-  <!-- Mon icone -->
+  <!-- Mon icône -->
   <span class="fa fa-user"></span>
   Mon profil
 </navigation-link>
@@ -42,7 +42,7 @@ Ou encore faire appel à d'autres composants :
 
 ``` html
 <navigation-link url="/profile">
-  <!-- Utilisation d'un composant dédié à l'ajout d'une icone -->
+  <!-- Utilisation d'un composant dédié à l'ajout d'une icône -->
   <font-awesome-icon name="user"></font-awesome-icon>
   Mon profil
 </navigation-link>
@@ -52,7 +52,7 @@ Si `<navigation-link>` ne contient **pas** d'élément `<slot>`, le contenu enfa
 
 ## Les Slots nommés
 
-Dans certains cas, il peut être interessant d'avoir plusieurs éléments `<slot>`. Dans un exemple hypothetique, voici le template d'un composant `<base-layout>`:
+Dans certains cas, il peut être intéressant d'avoir plusieurs éléments `<slot>`. Dans un exemple hypothétique, voici le template d'un composant `<base-layout>`:
 
 ``` html
 <div class="container">
@@ -114,7 +114,7 @@ Ou utiliser l'attribut `slot` directement sur un élément normal:
 </base-layout>
 ```
 
-Il ne peut y avoir qu'un seul **default slot** qui recevra tous les éléments qui ne correspondent à aucun des slots nommés. Dans l'exemple précédent, le rendu HTML produit sera :
+Il ne peut y avoir qu'un seul **slot par défaut** qui recevra tous les éléments qui ne correspondent à aucun des slots nommés. Dans l'exemple précédent, le rendu HTML produit sera :
 
 ``` html
 <div class="container">
@@ -133,7 +133,7 @@ Il ne peut y avoir qu'un seul **default slot** qui recevra tous les éléments q
 
 ## Les slots avec contenu par défaut
 
-Dans certains cas, il peut être interessant de fournir un contenu par défaut pour vos slots. Par exemple, qu'un composant `<submit-button>` contienne le texte 'Envoyer' par défaut et que ce contenu soit facilement modifié par 'Sauvegarder', 'Télécharger', ou autre.
+Dans certains cas, il peut être intéressant de fournir un contenu par défaut pour vos slots. Par exemple, qu'un composant `<submit-button>` contienne le texte 'Envoyer' par défaut et que ce contenu soit facilement modifié par 'Sauvegarder', 'Télécharger', ou autre.
 
 Pour procéder de la sorte, il est possible de spécifier le contenu par défaut d'une balise `<slot>`.
 
@@ -147,7 +147,7 @@ Si le `<slot>` est rempli dans le composant parent, le contenu par défaut est r
 
 ## Scope de compilation du template
 
-Quand on utilise de la donnée dans le slot, comme dans l'exemple suivant :
+Quand on utilise des données dans le slot, comme dans l'exemple suivant :
 
 ``` html
 <navigation-link url="/profile">
@@ -155,15 +155,15 @@ Quand on utilise de la donnée dans le slot, comme dans l'exemple suivant :
 </navigation-link>
 ```
 
-Le `<slot>` bénéficie des mêmes propriétés d'instance (même « scope » ou « contexte ») que le reste du template parent. Le `<slot>` **ne** bénéficie en aucun cas des éléments du « scope » de l'instance de `<navigation-link>`. Par exemple, tenter d'accéder à la props `url` ne fonctionnera pas. A titre de règle générale, souvenez vous que :
+Le `<slot>` bénéficie des mêmes propriétés d'instance (même « scope » ou « contexte ») que le reste du template parent. Le `<slot>` **ne** bénéficie en aucun cas des éléments du « scope » de l'instance de `<navigation-link>`. Par exemple, tenter d'accéder à la props `url` ne fonctionnera pas. À titre de règle générale, souvenez-vous que :
 
 > Tout ce qui est dans le `<template>` parent est compilé dans le contexte parent. Tout ce qui est dans le `<template>` enfant est compilé dans le contexte enfant.
 
-## Les slots scopés (ou slots avec accès au child scope)
+## Les slots scopés (ou slots avec accès au scope enfant)
 
 > Nouveauté en 2.1.0+
 
-Dans certains cas, il peut être interessant lors de l'utilisation d'un composant avec éléments `<slot>` réutilisables, d'accéder à de la donnée du scope du composant enfant. Voici l'exemple d'un composant `<todo-list>` dont le `<template>` est :
+Dans certains cas, il peut être intéressant lors de l'utilisation d'un composant avec éléments `<slot>` réutilisables, d'accéder aux données du composant enfant. Voici l'exemple d'un composant `<todo-list>` dont le `<template>` est :
 
 ```html
 <ul>
@@ -176,9 +176,10 @@ Dans certains cas, il peut être interessant lors de l'utilisation d'un composan
 </ul>
 ```
 
-Dans certaines parties de l'application, il serait interessant de personnaliser le rendu pour chaque éléments de la liste, plutôt que d'afficher seulement `todo.text`. C'est possible avec les slots scopés.
+Dans certaines parties de l'application, il serait intéressant de personnaliser le rendu pour chaque élément de la liste, plutôt que d'afficher seulement `todo.text`. C'est possible avec les slots scopés.
 
-Pour utiliser cette fonctionnalité, nous allons englober le contenu du rendu d'élément de liste avec un élément `<slot>`, et fournir un jeu de donnée provenant de son contexte : dans notre cas, l'objet `todo`) :
+Pour utiliser cette fonctionnalité, 
+nous allons englober le contenu des todos dans un élément `<slot>`, et lui fournir des données appartenant/pertinentes à son contexte : dans notre cas, l'objet `todo`) :
 
 ```html
 <ul>
@@ -186,8 +187,8 @@ Pour utiliser cette fonctionnalité, nous allons englober le contenu du rendu d'
     v-for="todo in todos"
     v-bind:key="todo.id"
   >
-    <!-- Un slot est créé pour chaque éléments de "todos" -->
-    <!-- Chaque objet `todo` va bénéfichier d'un "slot prop" -->
+    <!-- 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">
       <!-- Ici le contenu par défaut du slot -->
       {{ todo.text }}
@@ -196,11 +197,11 @@ Pour utiliser cette fonctionnalité, nous allons englober le contenu du rendu d'
 </ul>
 ```
 
-Lorsqu'on utiliser le composant `<todo-list>`, il devient alors possible de fournir de façon optionnelle un `<template>` alternatif de rendu des éléments de la liste, et d'accèder à la donnée du `slot` enfant avec l'attribut `slot-scope` :
+Lorsqu'on utilise le composant `<todo-list>`, il devient alors possible de fournir de façon optionnelle un `<template>` alternatif de rendu des éléments de la liste, et d'accéder aux données du `slot` enfant avec l'attribut `slot-scope` :
 
 ```html
 <todo-list v-bind:todos="todos">
-  <!-- Définir `slotProps` pour assigner la donnée du slot dans une variable -->
+  <!-- Définir `slotProps` pour assigner les données du slot dans une variable -->
   <template slot-scope="lesPropsDuSlot">
     <!-- Ici, nous allons personnaliser le rendu du slot -->
     <!-- `lesPropsDuSlot` contiendra les props fournies par v-bind dans le slot enfant -->
@@ -225,4 +226,4 @@ La valeur de l'attribut `slot-scope` peut actuellement recevoir une expression J
 </todo-list>
 ```
 
-Celà peut être pratique pour rendre vos slot scopés un peu plus lisibles.
+Cela peut être pratique pour rendre vos slot scopés un peu plus lisibles.

From 15bdc142f41094a06e9874ab37f497c6affc5b71 Mon Sep 17 00:00:00 2001
From: Daedalus's dev <dev.daedalus@gmail.com>
Date: Mon, 17 Sep 2018 19:51:38 +0200
Subject: [PATCH 4/6] =?UTF-8?q?-=20Traduction=20creating-custom-scroll-dir?=
 =?UTF-8?q?ectives=202=C3=A8me=20relecture?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/v2/guide/components-slots.md | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/src/v2/guide/components-slots.md b/src/v2/guide/components-slots.md
index 53dcea012b..cc31f12482 100644
--- a/src/v2/guide/components-slots.md
+++ b/src/v2/guide/components-slots.md
@@ -178,8 +178,7 @@ Dans certains cas, il peut être intéressant lors de l'utilisation d'un composa
 
 Dans certaines parties de l'application, il serait intéressant de personnaliser le rendu pour chaque élément de la liste, plutôt que d'afficher seulement `todo.text`. C'est possible avec les slots scopés.
 
-Pour utiliser cette fonctionnalité, 
-nous allons englober le contenu des todos dans un élément `<slot>`, et lui fournir des données appartenant/pertinentes à son contexte : dans notre cas, l'objet `todo`) :
+Pour utiliser cette fonctionnalité, nous allons englober le contenu des todos dans un élément `<slot>`, et lui fournir des données appartenant/pertinentes à son contexte : dans notre cas, l'objet `todo`) :
 
 ```html
 <ul>

From 9462e354af0be3a24b15d5858fa570dc87898ae8 Mon Sep 17 00:00:00 2001
From: Daedalus's dev <dev.daedalus@gmail.com>
Date: Mon, 17 Sep 2018 22:51:27 +0200
Subject: [PATCH 5/6] =?UTF-8?q?-=20Traduction=20components-slots=203=C3=A8?=
 =?UTF-8?q?me=20relecture?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/v2/guide/components-slots.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/v2/guide/components-slots.md b/src/v2/guide/components-slots.md
index cc31f12482..d14beeffaa 100644
--- a/src/v2/guide/components-slots.md
+++ b/src/v2/guide/components-slots.md
@@ -10,7 +10,7 @@ order: 104
 
 Vue implémente une API de distribution de contenu inspirée du [Brouillon de spécification des WebComponents](https://github.com/w3c/webcomponents/blob/gh-pages/proposals/Slots-Proposal.md) utilisant l'élément `<slot>` comme zone de distribution de contenu.
 
-Cela vous permet de composer vos composant ainsi :
+Cela vous permet de composer vos composants ainsi :
 ``` html
 <navigation-link url="/profile">
   Mon profil

From 3661546ca2974918582f776c777fda99b6aa226f Mon Sep 17 00:00:00 2001
From: Daedalus's dev <dev.daedalus@gmail.com>
Date: Tue, 18 Sep 2018 21:02:52 +0200
Subject: [PATCH 6/6] - Traduction components-slots Revert some changes

---
 .gitignore                         | 2 --
 themes/vue/layout/partials/toc.ejs | 2 +-
 2 files changed, 1 insertion(+), 3 deletions(-)

diff --git a/.gitignore b/.gitignore
index 670c2d9b08..7c13a2dbcd 100644
--- a/.gitignore
+++ b/.gitignore
@@ -6,5 +6,3 @@ node_modules/
 public/
 .deploy*/
 src/_drafts
-# Idea folder
-.idea
diff --git a/themes/vue/layout/partials/toc.ejs b/themes/vue/layout/partials/toc.ejs
index bf743582e6..b388b246be 100644
--- a/themes/vue/layout/partials/toc.ejs
+++ b/themes/vue/layout/partials/toc.ejs
@@ -12,7 +12,7 @@
         <li><h3>Transitions & animation</h3></li>
       <% } %>
       <% if (fileName === 'mixins') { %>
-        <li><h3>Réutilisabilité & composition</h3></li>
+        <li><h3>Réusabilité & composition</h3></li>
       <% } %>
       <% if (fileName === 'deployment') { %>
         <li><h3>Outils</h3></li>