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

# Conflicts:
#	en/api/configuration-build.md
#	en/api/configuration-generate.md
#	en/api/context.md
#	en/api/nuxt-render-and-get-window.md
#	en/guide/assets.md

Signed-off-by: MachinisteWeb <[email protected]>

Author: MachinisteWeb

en/api/components-no-ssr.md

@@ -0,0 +1,26 @@
+---
+title: "API: The <no-ssr> Component"
+description: Skip component rendering on server side(rendering), and display placeholder text.
+---
+
+# The &lt;no-ssr&gt; Component
+
+> This component is used to purposely remove the component from the subject of server side rendering.
+
+**Props**:
+- placeholder: `String`
+  - This prop will be used as a content of inner `div` and displayed as text only on server side rendering.
+
+```html
+<template>
+  <div>
+    <ssrfrendly-component />
+    <no-ssr>
+      <not-ssrfrendly />
+    </no-ssr>
+  </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><p>This component is a clone of [egoist/vue-no-ssr](https://github.com/egoist/vue-no-ssr).
+Thanks [@egoist](https://github.com/egoist)!</p>

en/api/configuration-build.md

@@ -9,12 +9,12 @@ description: Nuxt.js vous permet de personnaliser la configuration webpack pour
 
 ## analyze
 
-> Nuxt.js utilise [webpack-bundle-analyzer](https://github.com/th0r/webpack-bundle-analyzer) pour vous permettre de visualiser vos paquetages (« bundles ») et comment les optimiser.
+> Nuxt.js utilise [webpack-bundle-analyzer](https://github.com/webpack-contrib/webpack-bundle-analyze) pour vous permettre de visualiser vos paquetages (« bundles ») et les optimiser.
 
 - Type : `Boolean` ou `Object`
 - Par défaut : `false`
 
-Si c'est un objet, consultez les propriétés disponibles [ici](https://github.com/th0r/webpack-bundle-analyzer#as-plugin).
+Si c'est un objet, consultez les propriétés disponibles [ici](https://github.com/webpack-contrib/webpack-bundle-analyzer#options-for-plugin).
 
 Exemple (`nuxt.config.js`) :
 
@@ -79,7 +79,7 @@ Voir [webpack-dev-middleware](https://github.com/webpack/webpack-dev-middleware)
 `extend` est appelé deux fois, une fois pour le paquetage serveur et une fois pour le paquetage client. Les arguments de la méthode sont :
 
 1. l'objet de configuration webpack,
-2. un objet avec les propriétés suivantes (toutes booléennes): `dev`, `isClient`, `isServer`.
+2. un objet avec les propriétés suivantes (toutes booléennes): `isDev`, `isClient`, `isServer`.
 
 Exemple (`nuxt.config.js`) :
 
@@ -253,15 +253,15 @@ Exemple (`nuxt.config.js`) :
 ```js
 module.exports = {
   build: {
-      templates: [
-         {
-           src: '~/modules/support/plugin.js', // `src` peut être absolue ou relatif
-           dst: 'support.js', // `dst` est relatif au dossier de `.nuxt`
-           options: { // Les options sont fournies au templases par la propriété `options`
-               live_chat: false
-           }
-         }
-      ]
+    templates: [
+      {
+        src: '~/modules/support/plugin.js', // `src` peut être absolue ou relatif
+        dst: 'support.js', // `dst` est relatif au dossier de `.nuxt`
+        options: { // Les options sont fournies au templases par la propriété `options`
+          live_chat: false
+        }
+      }
+    ]
   }
 }
 ```
@@ -306,9 +306,9 @@ module.exports = {
 ```js
 module.exports = {
   build: {
-      watch: [
-          '~/.nuxt/support.js'
-      ]
+    watch: [
+      '~/.nuxt/support.js'
+    ]
   }
 }
 ```

en/api/configuration-generate.md

@@ -18,6 +18,13 @@ Quand vous lancez `nuxt generate` ou appelez `nuxt.generate()`, Nuxt.js utiliser
 
 Nom du répertoire créé par `nuxt generate`.
 
+## fallback
+
+- Type: `String` or `Boolean`
+- Default: `'200.html'`
+
+The path to the SPA fallback. This file can be used when doing deploys of generated sites to static hosting. It falls back to `mode: 'spa'` when a route isn't generated.
+
 ## interval
 
 - Type : `Number`
@@ -33,7 +40,7 @@ Interval entre 2 rendus pour éviter d'inonder les appels d'API effectués par u
 ```js
 minify: {
   collapseBooleanAttributes: true,
-  collapseWhitespace: true,
+  collapseWhitespace: false,
   decodeEntities: true,
   minifyCSS: true,
   minifyJS: true,
@@ -47,7 +54,7 @@ minify: {
   removeStyleLinkTypeAttributes: false,
   removeTagWhitespace: false,
   sortAttributes: true,
-  sortClassName: true,
+  sortClassName: false,
   trimCustomFragments: true,
   useShortDoctype: true
 }

en/api/context.md

@@ -23,6 +23,6 @@ Liste de toutes les propriétés disponibles dans `context` :
 | `req`                  | [`http.Request`](https://nodejs.org/api/http.html#http_class_http_incomingmessage) | Serveur           | Requête faite au serveur Node.js. Si Nuxt est utilisé en tant que middleware, l'objet `req` peut être différent en fonction du framework utilisé.<br>**Non disponible avec `nuxt generate`**.                                                                                                               |
 | `res`                  | [`http.Response`](https://nodejs.org/api/http.html#http_class_http_serverresponse) | Serveur           | Réponse faite par le serveur Node.js. Si Nuxt est utilisé en tant que middleware, l'objet `res` peut être différent en fonction du framework utilisé.<br>**Non disponible avec `nuxt generate`**.                                                                                                           |
 | `redirect`             | `Function`                                                                         | Client et serveur | Cette méthode redirige l'utilisateur vers une autre route, un code de statut est utilisé côté serveur, par défaut c'est le `302`. `redirect([status,] path [, query])`.                                                                                                                                     |
-| `error`                | `Function`                                                                         | Client et serveur | Cette méthode montre la page d'erreur : `error(params)`. L'objet `params` devrait avoir les propriétés `statusCode` et `message`.                                                                                                                                                                             |
+| `error`                | `Function`                                                                         | Client et serveur | Cette méthode montre la page d'erreur : `error(params)`. L'objet `params` devrait avoir les propriétés `statusCode` et `message`.                                                                                                                                                                           |
 | `nuxtState`            | `Object`                                                                           | Client            | L'état de Nuxt, utile pour les plugins qui utilisent `beforeNuxtRender` pour connaitre l'état de Nuxt côté client avant l'hydratation. **Disponible seulement en mode `universal`**.                                                                                                                        |
 | `beforeNuxtRender(fn)` | `Function`                                                                         | Serveur           | Cette méthode met à jour la variable `__NUXT__` rendue côté client, la fonction `fn` (pouvant être asynchrone) est appelée avec `{ Components, nuxtState }`, voir cet [exemple](https://github.com/nuxt/nuxt.js/blob/cf6b0df45f678c5ac35535d49710c606ab34787d/test/fixtures/basic/pages/special-state.vue). |

en/api/menu.json

@@ -30,7 +30,8 @@
     "links": [
       { "name": "nuxt", "to": "/components-nuxt" },
       { "name": "nuxt-child", "to": "/components-nuxt-child" },
-      { "name": "nuxt-link", "to": "/components-nuxt-link" }
+      { "name": "nuxt-link", "to": "/components-nuxt-link" },
+      { "name": "no-ssr", "to": "/components-no-ssr" }
     ]
   },
   {

en/guide/routing.md

@@ -211,6 +211,52 @@ router: {
 }
 ```
 
+### SPA fallback
+
+You can enable SPA fallbacks for dynamic routes too. Nuxt.js will output an extra file that is the same as the index.html that would be used in `mode: 'spa'`. Most static hosting services can be configured to to use the SPA template if no file matches. It won't include the `head` info or any HTML, but it will still resolve and load the data from the API.
+
+We enable this in our `nuxt.config.js` file:
+
+``` js
+module.exports = {
+  generate: {
+    fallback: true, // if you want to use '404.html'
+    fallback: 'my-fallback/file.html' // if your hosting needs a custom location
+  }
+}
+```
+
+#### Implementation for Surge
+
+Surge [can handle](https://surge.sh/help/adding-a-custom-404-not-found-page) both `200.html` and `404.html`. `generate.fallback` is set to `200.html` by default, so no need to change it.
+
+#### Implementation for GitHub Pages and Netlify
+
+GitHub Pages and Netlify recognize the `404.html` file automatically, so setting `generate.fallback` to `true` is all we have to do!
+
+#### Implementation for Firebase Hosting
+
+To use on Firebase Hosting, configure `generate.fallback` to `true` and use the following config ([more info](https://firebase.google.com/docs/hosting/url-redirects-rewrites#section-rewrites)):
+
+``` json
+{
+  "hosting": {
+    "public": "dist",
+    "ignore": [
+      "firebase.json",
+      "**/.*",
+      "**/node_modules/**"
+    ],
+    "rewrites": [
+      {
+        "source": "**",
+        "destination": "/404.html"
+      }
+    ]
+  }
+}
+```
+
 ## Transitions
 
 Nuxt.js utilise le composant [`<transition>`](http://vuejs.org/v2/guide/transitions.html#Transitioning-Single-Elements-Components) afin de vous permettre de créer de superbes transitions / animations entre vos routes.

es/api/configuration-build.md

@@ -64,7 +64,7 @@ module.exports = {
 The extend is called twice, one time for the server bundle, and one time for the client bundle. The arguments of the method are:
 
 1. Webpack config object
-2. Object with the folowing keys (all boolean): `dev`, `isClient`, `isServer`
+2. Object with the folowing keys (all boolean): `isDev`, `isClient`, `isServer`
 
 Example (`nuxt.config.js`):
 ```js
@@ -80,7 +80,7 @@ module.exports = {
 }
 ```
 
-If you want to see more about our default webpack configuration, take a look at our [webpack directory](https://github.com/nuxt/nuxt.js/tree/master/lib/webpack).
+If you want to see more about our default webpack configuration, take a look at our [webpack directory](https://github.com/nuxt/nuxt.js/tree/master/lib/builder/webpack).
 
 ## filenames
 

es/api/configuration-generate.md

@@ -33,7 +33,7 @@ Interval between 2 render to avoid flooding the API calls made to a potential AP
 ```js
 minify: {
   collapseBooleanAttributes: true,
-  collapseWhitespace: true,
+  collapseWhitespace: false,
   decodeEntities: true,
   minifyCSS: true,
   minifyJS: true,
@@ -47,7 +47,7 @@ minify: {
   removeStyleLinkTypeAttributes: false,
   removeTagWhitespace: false,
   sortAttributes: true,
-  sortClassName: true,
+  sortClassName: false,
   trimCustomFragments: true,
   useShortDoctype: true
 }

es/guide/development-tools.md

@@ -113,48 +113,67 @@ npm test
 
 jsdom has some limitations because it does not use a browser. However, it will cover most of our tests. If you want to use a browser to test your application, you might want to check out [Nightwatch.js](http://nightwatchjs.org).
 
-## ESLint
+## ESLint && Prettier
 
-> ESLint is a great tool to keep your code clean
+> [ESLint](http://eslint.org) is a great tool to keep your code clean
 
-You can add [ESLint](http://eslint.org) pretty easily with nuxt.js, first, you need to add the npm dependencies:
+> [Prettier](prettier.io) is a very popular code formatter 
+
+You can add ESLint with Prettier pretty easily with nuxt.js, first, you need to add the npm dependencies:
 
 ```bash
-npm install --save-dev babel-eslint eslint eslint-config-standard eslint-plugin-html eslint-plugin-promise eslint-plugin-standard eslint-plugin-import eslint-plugin-node
+npm install --save-dev babel-eslint eslint eslint-config-prettier eslint-loader eslint-plugin-vue eslint-plugin-prettier prettier
 ```
 
 Then, you can configure ESLint via a `.eslintrc.js` file in your root project directory:
 ```js
 module.exports = {
   root: true,
-  parser: 'babel-eslint',
   env: {
     browser: true,
     node: true
   },
-  extends: 'standard',
+  parserOptions: {
+    parser: 'babel-eslint'
+  },
+  extends: [
+    "eslint:recommended",
+    // https://github.com/vuejs/eslint-plugin-vue#priority-a-essential-error-prevention
+    // consider switching to `plugin:vue/strongly-recommended` or `plugin:vue/recommended` for stricter rules.
+    "plugin:vue/recommended",
+    "plugin:prettier/recommended"
+  ],
   // required to lint *.vue files
   plugins: [
-    'html'
+    'vue'
   ],
   // add your custom rules here
-  rules: {},
-  globals: {}
+  rules: {
+    "semi": [2, "never"],
+    "no-console": "off",
+    "vue/max-attributes-per-line": "off",
+    "prettier/prettier": ["error", { "semi": false }]
+  }
 }
 ```
 
-Then, you can add a `lint` script in your `package.json`:
+Then, you can add a `lint` and`lintfix` scripts in your `package.json`:
 
 ```js
 "scripts": {
-  "lint": "eslint --ext .js,.vue --ignore-path .gitignore ."
+  "lint": "eslint --ext .js,.vue --ignore-path .gitignore .",
+  "lintfix": "eslint --fix --ext .js,.vue --ignore-path .gitignore ."
 }
 ```
 
-You can now launch:
+You can now launch `lint` to just check for errors:
 ```bash
 npm run lint
 ```
+or `lintfix` to also fix those which are doable
+```bash
+npm run lintfix
+```
 
 ESLint will lint every of your JavaScript and Vue files while ignoring your ignored files defined in your `.gitignore`.
 

fr/api/configuration-build.md

@@ -79,7 +79,7 @@ Voir [webpack-dev-middleware](https://github.com/webpack/webpack-dev-middleware)
 `extend` est appelé deux fois, une fois pour le paquetage serveur et une fois pour le paquetage client. Les arguments de la méthode sont :
 
 1. l'objet de configuration webpack,
-2. un objet avec les propriétés suivantes (toutes booléennes): `dev`, `isClient`, `isServer`.
+2. un objet avec les propriétés suivantes (toutes booléennes): `isDev`, `isClient`, `isServer`.
 
 Exemple (`nuxt.config.js`) :
 
@@ -96,7 +96,7 @@ module.exports = {
 }
 ```
 
-Si vous voulez en savoir plus à propos de notre configuration webpack par défaut, consultez [le répertoire webpack](https://github.com/nuxt/nuxt.js/tree/master/lib/webpack).
+Si vous voulez en savoir plus à propos de notre configuration webpack par défaut, consultez [le répertoire webpack](https://github.com/nuxt/nuxt.js/tree/master/lib/builder/webpack).
 
 ## extractCSS