[Doc FR] All file now aligned with EN version to continue translation (…

…nuxt#1469) * Update nuxt Signed-off-by: MachinisteWeb <[email protected]> * Hook or Tapable plugin ?! Signed-off-by: MachinisteWeb <[email protected]> * Last months updates Signed-off-by: MachinisteWeb <[email protected]> * Update french documentation Signed-off-by: MachinisteWeb <[email protected]> * Add new file in french Signed-off-by: MachinisteWeb <[email protected]> * BuildDir translation Signed-off-by: MachinisteWeb <[email protected]> * July french documentation update! Signed-off-by: MachinisteWeb <[email protected]> * Update FR version with last modifications Signed-off-by: MachinisteWeb <[email protected]> * Some little translation Signed-off-by: MachinisteWeb <[email protected]> * Version FR match with EN for continue translation Signed-off-by: MachinisteWeb <[email protected]>
andysleigh · Jul 2, 2019 · e8dd69e · e8dd69e
1 parent 5cbbe6f
commit e8dd69e
Show file tree

Hide file tree

Showing 122 changed files with 3,993 additions and 1,044 deletions.
diff --git a/fr/.textlintrc.json b/fr/.textlintrc.json
@@ -0,0 +1,12 @@
+{
+  "rules": {
+    "common-misspellings": true
+  },
+  "filters": {
+    "whitelist": {
+      "allow": [
+        "/.?\\d+/"
+      ]
+    }
+  }
+}
diff --git a/fr/api/$nuxt.md b/fr/api/$nuxt.md
@@ -0,0 +1,27 @@
+---
+title: "$nuxt: The NuxtJS helper (EN)"
+description: $nuxt is an helper focused to improve the user experience of your users.
+---
+
+`$nuxt`is an helper focused to improve the user experience of your users.
+
+- `isOffline`
+  - Type: `Boolean`
+  - Description: `true` when the user internet connection becomes offline
+- `isOnline`
+  - Type: `Boolean`
+  - Description: Opposite of `isOffline`
+
+Example:
+
+`layouts/default.vue`:
+
+```html
+<template>
+  <div>
+    <div v-if="$nuxt.isOffline">You are offline</div>
+    <nuxt/>
+  </div>
+</template>
+```
+<p style="width: 294px;position: fixed; top : 64px; right: 4px;" class="Alert Alert--orange"><strong>⚠Cette page est actuellement en cours de traduction française. Vous pouvez repasser plus tard ou <a href="https://github.com/vuejs-fr/nuxt" target="_blank">participer à la traduction</a> de celle-ci dès maintenant !</strong></p>
diff --git a/fr/api/components-nuxt-child.md b/fr/api/components-nuxt-child.md
@@ -1,5 +1,5 @@
 ---
-title: "API: The <nuxt-child> Component"
+title: "API: The <nuxt-child> Component (EN)"
 description: Display the current page.
 ---
 
@@ -41,9 +41,47 @@ Pour afficher le composant `child.vue`, nous avons dû insérer `<nuxt-child/>`
 <template>
   <div>
     <h1>Je suis la vue parente</h1>
-    <nuxt-child/>
+    <nuxt-child :foobar="123" />
   </div>
 </template>
 ```
 
+`<nuxt-child/>` accepts `keep-alive` and `keep-alive-props`:
+
+```html
+<template>
+  <div>
+    <nuxt-child keep-alive :keep-alive-props="{ exclude: ['modal'] }" />
+  </div>
+</template>
+
+<!-- will be converted into something like this -->
+<div>
+  <keep-alive :exclude="['modal']">
+    <router-view />
+  </keep-alive>
+</div>
+```
+
+> Child components can also receive properties like a regular Vue component.
+
 Pour voir un exemple, consultez l'[exemple de routes imbriquées](/examples/nested-routes).
+
+## Named View (EN)
+
+> Introduced with Nuxt v2.4.0
+
+`<nuxt-child/>` accepts `name` prop to render named-view:
+
+```html
+<template>
+  <div>
+    <nuxt-child name="top" />
+    <nuxt-child />
+  </div>
+</template>
+```
+
+To see an example, take a look at the [named-views example](/examples/named-views).
+
+<p style="width: 294px;position: fixed; top : 64px; right: 4px;" class="Alert Alert--orange"><strong>⚠Cette page est actuellement en cours de traduction française. Vous pouvez repasser plus tard ou <a href="https://github.com/vuejs-fr/nuxt" target="_blank">participer à la traduction</a> de celle-ci dès maintenant !</strong></p>
diff --git a/fr/api/components-nuxt-link.md b/fr/api/components-nuxt-link.md
@@ -1,23 +1,40 @@
 ---
-title: "API : le composant <nuxt-link>"
+title: "API : le composant <nuxt-link> (EN)"
 description: Lie les pages entre elles avec `<nuxt-link>`.
 ---
 
-# Le composant &lt;nuxt-link&gt;
+# Le composant &lt;nuxt-link&gt; (EN)
 
-> Ce composant est utilisé pour lier les composants de page entre eux.
+> Ce composant est utilisé pour fournir une navigation entre les composants de page et amériorer les performances avec du préchargement intelligent.
 
-Actuellement, `<nuxt-link>` est identique à [`<router-link>`](https://router.vuejs.org/fr/api/#router-link). Nous vous recommandons d'apprendre à l'utiliser avec la [documentation de Vue Router](https://router.vuejs.org/fr/api/#router-link).
+Le composant `<nuxt-link>` est une base de Nuxt. Il **devrait être utilisé pour naviguer** à traver votre application, tout comme le composant `<router-link>` l'est pour une application Vue traditionnelle. En fait, `<nuxt-link>` étend [`<router-link>`](https://router.vuejs.org/api/#router-link). Cela signifie qu'il prend les mêmes propriétés et qu'il peut être utilisé de la même manière. Nous vous recommandons d'apprendre à l'utiliser avec la [documentation de Vue Router](https://router.vuejs.org/fr/api/#router-link).
 
 Exemple (`pages/index.vue`) :
 
 ```html
 <template>
   <div>
     <h1>Home page</h1>
-    <nuxt-link to="/a-propos">À propos</nuxt-link>
+    <nuxt-link to="/a-propos">À propos (lien interne appartenant à l'application Nuxt)</nuxt-link>
+    <a href="https://nuxtjs.org">Lien externe vers une autre page</a>
   </div>
 </template>
 ```
 
-Dans le futur, nous ajouterons des fonctionnalités au composant `<nuxt-link>`, comme du préchargement en tâche de fond pour améliorer la réactivité des applications Nuxt.js.
+**Aliases:** `<n-link>`, `<NuxtLink>`, and `<NLink>`
+
+> Added with Nuxt.js v2.4.0
+
+To improve the responsiveness of your Nuxt.js applications, when the link will be displayed within the viewport, Nuxt.js will automatically prefetch the *code splitted* page. This feature is inspired by [quicklink.js](https://github.com/GoogleChromeLabs/quicklink) by Google Chrome Labs.
+
+To disable the prefetching of the linked page, you can use the `no-prefetch` prop:
+
+```html
+<n-link to="/about" no-prefetch>About page not pre-fetched</n-link>
+```
+
+You can configure globally this behaviour with [router.prefetchLinks](/api/configuration-router#prefetchlinks).
+
+The `prefetched-class` prop is also available to customize the class added when the code splitted page has been prefetched. Make sure to set up this functionality globally with [router.linkPrefetchedClass](/api/configuration-router#linkprefetchedclass).
+
+<p style="width: 294px;position: fixed; top : 64px; right: 4px;" class="Alert Alert--orange"><strong>⚠Cette page est actuellement en cours de traduction française. Vous pouvez repasser plus tard ou <a href="https://github.com/vuejs-fr/nuxt" target="_blank">participer à la traduction</a> de celle-ci dès maintenant !</strong></p>
diff --git a/fr/api/components-nuxt.md b/fr/api/components-nuxt.md
@@ -1,18 +1,13 @@
 ---
-title: "API : le composant <nuxt>"
+title: "API : le composant <nuxt> (EN)"
 description: Affiche un composant de page à l'intérieur d'une mise en page.
 ---
 
-# Le composant &lt;nuxt&gt;
+# Le composant &lt;nuxt&gt; (EN)
 
 > Ce composant est utilisé seulement dans les [mises en page](/guide/views#mises-en-page) pour afficher les composants de page.
 
-**Props** :
-- nuxtChildKey : `string`
-  - Cette prop va être appliquée à `<router-view/>`. Utile pour faire des transitions à l'intérieur d'une page dynamique et d'une route différente.
-  - par défaut : `$route.path`
-
-Exemple (`layouts/default.vue`) :
+Example (`layouts/default.vue`):
 
 ```html
 <template>
@@ -25,3 +20,39 @@ Exemple (`layouts/default.vue`) :
 ```
 
 Pour voir un exemple, consultez l'[exemple de mise en page](/examples/layouts).
+
+**Props** :
+
+- nuxtChildKey : `string`
+  - Cette prop va être appliquée à `<router-view/>`. Utile pour faire des transitions à l'intérieur d'une page dynamique et d'une route différente.
+  - par défaut : `$route.path`
+
+There are 3 ways to handle internal `key` prop of `<router-view/>`.
+
+1. `nuxtChildKey` prop
+
+  ```html
+  <template>
+     <div>
+       <nuxt :nuxt-child-key="someKey"/>
+     </div>
+  </template>
+  ```
+
+2. `key` option in page components: `string` or `function`
+
+  ```js
+  export default {
+     key(route) {
+       return route.fullPath
+     }
+  }
+  ```
+
+- name: `string` (_introduced with Nuxt v2.4.0_)
+  - This prop will be set to `<router-view/>`, used to render named-view of page component.
+  - Default: `default`
+
+To see an example, take a look at the [named-views example](/examples/named-views).
+
+<p style="width: 294px;position: fixed; top : 64px; right: 4px;" class="Alert Alert--orange"><strong>⚠Cette page est actuellement en cours de traduction française. Vous pouvez repasser plus tard ou <a href="https://github.com/vuejs-fr/nuxt" target="_blank">participer à la traduction</a> de celle-ci dès maintenant !</strong></p>