Merge remote-tracking branch 'upstream/master' into working

# Conflicts:
#	en/guide/assets.md
#	en/guide/async-data.md
#	en/guide/configuration.md
#	en/guide/directory-structure.md
#	en/guide/index.md
#	en/guide/installation.md
#	en/guide/routing.md
#	en/guide/views.md

Signed-off-by: Bruno Lesieur <[email protected]>

Author: MachinisteWeb

en/api/configuration-render.md

@@ -14,9 +14,13 @@ description: Nuxt.js lets you customize runtime options for rendering pages
 
 ```js
 module.exports = {
-  build: {
-    ssr: {
-        runInNewContext: false
+  render: {
+    bundleRenderer: {
+      directives: {
+        custom1: function (el, dir) {
+          // something ...
+        }
+      }
     }
   }
 }

en/api/pages-fetch.md

@@ -1,11 +1,11 @@
 ---
 title: "API: The fetch Method"
-description: The fetch method is used to fill the store before rendering the page, it's like the data method except it doesn't set the component data.
+description: The fetch method is used to fill the store before rendering the page, it's like the asyncData method except it doesn't set the component data.
 ---
 
 # The fetch Method
 
-> The fetch method is used to fill the store before rendering the page, it's like the data method except it doesn't set the component data.
+> The fetch method is used to fill the store before rendering the page, it's like the asyncData method except it doesn't set the component data.
 
 - **Type:** `Function`
 

en/guide/assets.md

@@ -21,6 +21,7 @@ Imaginons par exemple cette arborescence :
 Dans votre CSS, si nous utilisons `url('~/assets/image.png')`, ce sera transformé en `require('~/assets/image.png')`.
 
 Ou si dans `pages/index.vue` vous utilisez :
+
 ```html
 <template>
   <img src="~assets/image.png">
@@ -72,7 +73,8 @@ Lors du lancement de notre application avec `nuxt`, notre template dans `pages/i
 </template>
 ```
 
-Sera transformé en:
+Sera transformé en :
+
 ```html
 <img src="/_nuxt/img/image.0c61159.png">
 ```

en/guide/async-data.md

@@ -22,6 +22,7 @@ Nuxt.js vous propose différentes façons d'utiliser `asyncData`. Choisissez cel
 3. En définissant une fonction de rappel comme second argument. Elle doit être appelée comme suit : `callback(err, data)`
 
 ### Retourner une promesse
+
 ```js
 export default {
   asyncData ({ params }) {
@@ -34,6 +35,7 @@ export default {
 ```
 
 ### Utiliser async / await
+
 ```js
 export default {
   async asyncData ({ params }) {
@@ -44,6 +46,8 @@ export default {
 ```
 
 ### Utiliser une fonction de rappel
+
+>>>>>>> upstream/master
 ```js
 export default {
   asyncData ({ params }, callback) {
@@ -79,6 +83,7 @@ Vous pouvez utiliser l'objet du contexte injecté à la propriété `asyncData`
 Nuxt.js ajoute la méthode `error(params)` au `context`, vous pouvez l'appeler pour afficher la page d'erreur. `params.statusCode` sera également utilisée pour faire le rendu avec le code de statut approprié côté serveur.
 
 Exemple avec une `Promise` :
+
 ```js
 export default {
   asyncData ({ params, error }) {
@@ -94,6 +99,7 @@ export default {
 ```
 
 Si vous utilisez l'argument `callback`, vous pouvez l'appeler directement en lui passant l'erreur et Nuxt.js appellera la méthode `error` pour vous :
+
 ```js
 export default {
   asyncData ({ params }, callback) {

en/guide/installation.md

@@ -48,6 +48,7 @@ $ cd <nom-du-projet>
 ### Le package.json
 
 Le projet a besoin d'un fichier `package.json` avec un script permettant de lancer `nuxt` :
+
 ```json
 {
   "name": "mon-application",
@@ -56,11 +57,14 @@ Le projet a besoin d'un fichier `package.json` avec un script permettant de lanc
   }
 }
 ```
+
 `scripts` lancera Nuxt.js via `npm run dev`.
 
+
 ### Installation de `nuxt`
 
 Une fois que le `package.json` est créé, ajoutez `nuxt` au projet via npm :
+
 ```bash
 npm install --save nuxt
 ```
@@ -70,21 +74,25 @@ npm install --save nuxt
 Nuxt.js va transformer chaque fichier `*.vue` se trouvant dans le dossier `pages` en une route pour l'application.
 
 Créez le dossier `pages` :
+
 ```bash
 $ mkdir pages
 ```
 
 puis créez la première page `pages/index.vue`:
+
 ```html
 <template>
   <h1>Hello world !</h1>
 </template>
 ```
 
 et lancez le projet avec :
+
 ```bash
 $ npm run dev
 ```
+
 L'application est désormais accessible à l'adresse http://localhost:3000.
 
 <p class="Alert">Nuxt.js va surveiller les modifications faites sur les fichiers du répertoire <code>pages</code> aussi il n'y a pas besoin de redémarrer le serveur quand vous ajoutez de nouvelles pages</p>

en/guide/routing.md

@@ -222,6 +222,7 @@ Nuxt.js utilise le composant [`<transition>`](http://vuejs.org/v2/guide/transiti
 Pour ajouter une transition de fondu à chaque page de votre application, nous avons besoin d'un fichier CSS qui est partagé sur toutes nos routes. Commençons par créer un fichier dans le dossier `assets`.
 
 Notre CSS global dans `assets/main.css` :
+
 ```css
 .page-enter-active, .page-leave-active {
   transition: opacity .5s;
@@ -232,6 +233,7 @@ Notre CSS global dans `assets/main.css` :
 ```
 
 Nous ajoutons son chemin dans notre fichier de configuration `nuxt.config.js` :
+
 ```js
 module.exports = {
   css: [
@@ -247,6 +249,7 @@ Pour plus d'informations à propos des transitions, consultez [la partie Configu
 Vous êtes également libre de définir une transition personnalisée pour une seule page à l'aide de la propriété `transition`.
 
 Nous ajoutons une nouvelle classe dans notre CSS global `assets/main.css` :
+
 ```css
 .test-enter-active, .test-leave-active {
   transition: opacity .5s;
@@ -257,6 +260,7 @@ Nous ajoutons une nouvelle classe dans notre CSS global `assets/main.css` :
 ```
 
 puis, nous utilisons la propriété transition pour définir le nom de la classe à utiliser pour cette transition de page :
+
 ```js
 export default {
   transition: 'test'
@@ -280,13 +284,15 @@ export default function (context) {
 ```
 
 Le middleware sera exécuté en série dans l'ordre suivant :
+
 1. `nuxt.config.js`
 2. Mises en page correspondantes
 3. Pages correspondantes
 
 Un middleware peut être asynchrone, retourner une `Promise` ou utiliser une fonction de rappel en second argument :
 
 `middleware/stats.js`
+
 ```js
 import axios from 'axios'
 
@@ -300,6 +306,7 @@ export default function ({ route }) {
 Puis, dans `nuxt.config.js`, pour une mise en page ou une page, utilisez le mot-clé `middleware` :
 
 `nuxt.config.js`
+
 ```js
 module.exports = {
   router: {

en/guide/views.md

@@ -53,6 +53,7 @@ Vous pouvez étendre la mise en page principale en ajoutant un fichier `layouts/
 *Assurez-vous d'ajouter le composant `<nuxt/>` lors de la création d'une mise en page afin d'afficher le composant de la page.*
 
 Le code source de mise en page par défaut est :
+
 ```html
 <template>
   <nuxt/>
@@ -68,6 +69,7 @@ Cette mise en page est spéciale car vous ne devez pas inclure `<nuxt />` dans s
 Le code source de la page d'erreur par défaut est [disponible sur GitHub](https://github.com/nuxt/nuxt.js/blob/master/lib/app/components/nuxt-error.vue).
 
 Exemple d'une page d'erreur personnalisée à l'aide de `layouts/error.vue`:
+
 ```html
 <template>
   <div class="container">
@@ -102,6 +104,7 @@ Exemple avec `layouts/blog.vue` :
 ```
 
 Puis dans `pages/posts.vue`, vous pouvez spécifier à Nuxt.js d'utiliser votre mise en page personnalisée :
+
 ```html
 <script>
 export default {
@@ -147,7 +150,6 @@ export default {
 </style>
 ```
 
-
 | Attribut | Description |
 |-----------|-------------|
 | asyncData | L'attribut le plus important. Il peut être asynchrone et reçoit le contexte comme argument, lisez la documentation sur les [Données asynchrones](/guide/async-data) pour savoir comment il fonctionne. |
@@ -180,6 +182,7 @@ Nuxt.js configure `vue-meta` avec les options suivantes :
 Nuxt.js vous permet de définir tous les meta par défaut de votre application dans `nuxt.config.js`, en utilisant la même propriété `head` :
 
 Exemple d'un viewport spécifique et d'une police Google personnalisée :
+
 ```js
 head: {
   meta: [
@@ -194,7 +197,7 @@ head: {
 
 Pour connaitre la liste des options que vous pouvez donner à `head`, jeter un œil à la [documentation vue-meta](https://github.com/declandewet/vue-meta#recognized-metainfo-properties).
 
-Plus d'informations à propos de la méthode `head` dans [la partie Configuration de l'API sur `head`](/api/configuration-head).
+More information about the `head` method: [API Configuration `head`](/api/configuration-head).
 
 ### Balises meta personnalisées pour une page