From 58cefe1c752db4fff584e8280d5f30baa6bde61b Mon Sep 17 00:00:00 2001 From: Bruno Lesieur Date: Fri, 15 Sep 2017 15:49:00 +0200 Subject: [PATCH 1/7] Start review Signed-off-by: Bruno Lesieur --- en/guide/routing.md | 100 ++++++++++++++++++++++---------------------- 1 file changed, 49 insertions(+), 51 deletions(-) diff --git a/en/guide/routing.md b/en/guide/routing.md index e4051e47d..c0293f4e7 100644 --- a/en/guide/routing.md +++ b/en/guide/routing.md @@ -1,13 +1,13 @@ --- -title: Routing -description: Nuxt.js use the file-system to generate the routes of your web applications, it's as simple as PHP to create routes. +title: Routage +description: Nuxt.js utilise le système de fichiers pour générer les routes de votre applications web. --- -> Nuxt.js generates automatically the [vue-router](https://github.com/vuejs/vue-router) configuration according to your file tree of Vue files inside the `pages` directory. +> Nuxt.js génère automatiquement la configuration pour [vue-router](https://github.com/vuejs/vue-router) en fonction de votre arborescence de fichiers Vue se trouvant au sein du répertoire `pages`. -## Basic Routes +## Routes basiques -This file tree: +Cette arborescence: ```bash pages/ @@ -17,7 +17,7 @@ pages/ --| index.vue ``` -will automatically generate: +génère automatiquement: ```js router: { @@ -41,11 +41,11 @@ router: { } ``` -## Dynamic Routes +## Routes dynamiques -To define a dynamic route with a param, you need to define a .vue file OR a directory **prefixed by an underscore**. +Pour définir une route dynmaique à l'aide d'un paramètre, vous devez définir un fichier `.vue` OU un répertoire **préfixé par un souligner (`_`). -This file tree: +Cette arborescence: ```bash pages/ @@ -57,7 +57,7 @@ pages/ --| index.vue ``` -will automatically generate: +génère automatiquement: ```js router: { @@ -86,15 +86,13 @@ router: { } ``` -As you can see the route named `users-id` has the path `:id?` which makes it optional, if you want to make it required, create an `index.vue` file in the `users/_id` directory. +Comme vous pouvez le voir, la route nommée `users-id` contient le chemin `:id?` ce qui le rend optionnel; si vous voulez le rendre obligatoire, créez un fichier `index.vue` dans le dossier `users/_id`. -

Warning: dynamic routes are ignored by the `generate` command: [API Configuration generate](/api/configuration-generate#routes)

+### Validation des paramètres de routes -### Validate Route Params +Nuxt.js vous permet de définir une méthode de validation dans votre composant de routage dynamique. -Nuxt.js lets you define a validator method inside your dynamic route component. - -In this example: `pages/users/_id.vue` +Par exemple: `pages/users/_id.vue` ```js export default { @@ -105,19 +103,19 @@ export default { } ``` -If the validate method does not return `true`, Nuxt.js will automatically load the 404 error page. +Si la méthode de validation ne renvoie pas `true`, Nuxt.js chargera automatiquement la page d'erreur 404. -More information about the validate method: [API Pages validate](/api/pages-validate) +Plus d'informations à propos de la méthode de validation: [API Pages validate](/api/pages-validate) -## Nested Routes +## Routes imbriquées -Nuxt.js lets you create nested route by using the children routes of vue-router. +Nuxt.js vous permets de créer des routes imbriquées en utilisant les routes enfants de vue-router. -To define the parent component of a nested route, you need to create a Vue file with the **same name as the directory** which contain your children views. +Pour définir le composant parent d'un route imbriquée, vous devez créer un fichier Vue avec le **même nom que le répertoire** qui contient les vues enfants. -

Don't forget to write `` inside the parent component (.vue file).

+

N'oubliez pas d'écrire `` au sein du composant parent (fichier `.vue`).

-This file tree: +Cette arborescence: ```bash pages/ @@ -127,7 +125,7 @@ pages/ --| users.vue ``` -will automatically generate: +génère automatiquement: ```js router: { @@ -152,11 +150,11 @@ router: { } ``` -## Dynamic Nested Routes +## Routes dynamiques imbriquées -This scenario should not often happen, but it is possible with Nuxt.js: having dynamic children inside dynamic parents. +Il est possible avec Nuxt.js d'avoir des routes dynamiques imbriquées dans des routes dynamiques; bien que ce scénario ne devrait pas être monnaie courante. -This file tree: +Cette arborescence: ```bash pages/ @@ -170,7 +168,7 @@ pages/ --| index.vue ``` -will automatically generate: +génère automatiquement: ```js router: { @@ -213,25 +211,25 @@ router: { ## Transitions -Nuxt.js uses the [<transition>](http://vuejs.org/v2/guide/transitions.html#Transitioning-Single-Elements-Components) component to let you create amazing transitions/animations between your routes. +Nuxt.js utilise le composant [<transition>](http://vuejs.org/v2/guide/transitions.html#Transitioning-Single-Elements-Components) afin de vous permettre de créer des transitions/animations époustouflantes entre vos routes. -### Global Settings +### Paramètres globaux -

Nuxt.js default transition name is `"page"`.

+

Dans Nuxt.js, le nom de la transition par défaut est `"page"`.

-To add a fade transition to every page of your application, we need a CSS file that is shared across all our routes, so we start by creating a file in the `assets` folder. +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`. -Our global css in `assets/main.css`: +Notre CSS global dans `assets/main.css`: ```css .page-enter-active, .page-leave-active { transition: opacity .5s; } -.page-enter, .page-leave-to { +.page-enter, .page-leave-active { opacity: 0; } ``` -We add its path in our `nuxt.config.js` file: +Nous ajoutons son chemin dans notre config `nuxt.config.js`: ```js module.exports = { css: [ @@ -240,13 +238,13 @@ module.exports = { } ``` -More information about the transition key: [API Configuration transition](/api/pages-transition) +Plus d'informations à propos des transitions: [API Configuration transition](/api/pages-transition) -### Page Settings +### Paramètres des pages -You can also define a custom transition for only one page with the `transition` property. +Vous êtes également libre de définir une transition personnalisée pour une seule page à l'aide de la propriété `transition`. -We add a new class in our global css in `assets/main.css`: +Nous ajoutons une nouvelle classe dans notre CSS global `assets/main.css`: ```css .test-enter-active, .test-leave-active { transition: opacity .5s; @@ -256,22 +254,22 @@ We add a new class in our global css in `assets/main.css`: } ``` -then, we use the transition property to define the class name to use for this page transition: +puis, nous utilions la propriété transition pour définir le nom de la classe à utiliser pour cette transition de page: ```js export default { transition: 'test' } ``` -More information about the transition property: [API Pages transition](/api/pages-transition) +Plus d'informations à propos de la propriété transition: [API Pages transition](/api/pages-transition) ## Middleware -> Middleware lets you define custom functions that can be run before rendering either a page or a group of pages. +> Le middleware vous permet de définir une fonction personnalisée qui sera exécutée avant le rendu d'une page ou d'un groupe de pages. -**Every middleware should be placed in the `middleware/` directory.** The filename will be the name of the middleware (`middleware/auth.js` will be the `auth` middleware). +**Tous les middlewares devraient être placés dans le répertoire `middleware/`.** Le nom du fichier étant le nom du middleware (`middleware/auth.js` deviendra le middleware `auth`). -A middleware receives [the context](/api/context) as first argument: +Un middleware reçoit le [contexte](/api#context) comme premier argument: ```js export default function (context) { @@ -279,12 +277,12 @@ export default function (context) { } ``` -The middleware will be executed in series in this order: +Le middleware sont exécuté en séries dans l'ordre suivant: 1. `nuxt.config.js` -2. Matched layouts -3. Matched pages +2. Layouts correspondants +3. Pages correspondantes -A middleware can be asynchronous, simply return a `Promise` or use the 2nd `callback` argument: +Un middleware peut être asynchrone, retourner une `Promise` ou utiliser le `callback` (2ème arguement): `middleware/stats.js` ```js @@ -297,7 +295,7 @@ export default function ({ route }) { } ``` -Then, in your `nuxt.config.js`, layout or page, use the `middleware` key: +Puis, dans `nuxt.config.js`, un layout ou une page, utilisez le mot clef `middleware`: `nuxt.config.js` ```js @@ -308,6 +306,6 @@ module.exports = { } ``` -The `stats` middleware will be called for every route changes. +Dans cet exemple, le middleware `stats` sera appelé à chaque changement de routes. -To see a real-life example using the middleware, please see [example-auth0](https://github.com/nuxt/example-auth0) on GitHub. +Pour voir un exemple "réel" utilisant les middlewares, jeter un oeil à [example-auth0](https://github.com/nuxt/example-auth0) sur GitHub. From 673d4b7f1b4e58adbcb9570405fc49757fbe639a Mon Sep 17 00:00:00 2001 From: Bruno Lesieur Date: Fri, 15 Sep 2017 16:06:44 +0200 Subject: [PATCH 2/7] Part 1 Signed-off-by: Bruno Lesieur --- en/guide/routing.md | 30 ++++++++++++++++-------------- 1 file changed, 16 insertions(+), 14 deletions(-) diff --git a/en/guide/routing.md b/en/guide/routing.md index c0293f4e7..70c3e960c 100644 --- a/en/guide/routing.md +++ b/en/guide/routing.md @@ -1,13 +1,13 @@ --- title: Routage -description: Nuxt.js utilise le système de fichiers pour générer les routes de votre applications web. +description: Nuxt.js utilise le système de fichiers pour générer les routes de votre applications web, c'est aussi simple qu'en PHP de créer des routes. --- > Nuxt.js génère automatiquement la configuration pour [vue-router](https://github.com/vuejs/vue-router) en fonction de votre arborescence de fichiers Vue se trouvant au sein du répertoire `pages`. ## Routes basiques -Cette arborescence: +Cette arborescence : ```bash pages/ @@ -17,7 +17,7 @@ pages/ --| index.vue ``` -génère automatiquement: +génère automatiquement : ```js router: { @@ -43,9 +43,9 @@ router: { ## Routes dynamiques -Pour définir une route dynmaique à l'aide d'un paramètre, vous devez définir un fichier `.vue` OU un répertoire **préfixé par un souligner (`_`). +Pour définir une route dynmaique à l'aide d'un paramètre, vous devez définir un fichier `.vue` OU un répertoire **préfixé par un souligner (`_`)**. -Cette arborescence: +Cette arborescence : ```bash pages/ @@ -57,7 +57,7 @@ pages/ --| index.vue ``` -génère automatiquement: +génère automatiquement : ```js router: { @@ -88,16 +88,18 @@ router: { Comme vous pouvez le voir, la route nommée `users-id` contient le chemin `:id?` ce qui le rend optionnel; si vous voulez le rendre obligatoire, créez un fichier `index.vue` dans le dossier `users/_id`. -### Validation des paramètres de routes +

Attention : les routes dynamiques sont ignoréespar la commande `generate` : [ Configuration de l'API pour la génération](/api/configuration-generate#routes)

+ +### Validation des paramètres de route Nuxt.js vous permet de définir une méthode de validation dans votre composant de routage dynamique. -Par exemple: `pages/users/_id.vue` +Par exemple : `pages/users/_id.vue` ```js export default { validate ({ params }) { - // Must be a number + // Doit être un nombre return /^\d+$/.test(params.id) } } @@ -105,17 +107,17 @@ export default { Si la méthode de validation ne renvoie pas `true`, Nuxt.js chargera automatiquement la page d'erreur 404. -Plus d'informations à propos de la méthode de validation: [API Pages validate](/api/pages-validate) +Plus d'informations à propos de la méthode de validation : [API pour la validation de pages](/api/pages-validate) ## Routes imbriquées Nuxt.js vous permets de créer des routes imbriquées en utilisant les routes enfants de vue-router. -Pour définir le composant parent d'un route imbriquée, vous devez créer un fichier Vue avec le **même nom que le répertoire** qui contient les vues enfants. +Pour définir le composant parent d'une route imbriquée, vous devez créer un fichier Vue avec le **même nom que le répertoire** qui contient les vues enfants. -

N'oubliez pas d'écrire `` au sein du composant parent (fichier `.vue`).

+

Info : n'oubliez pas d'écrire `` au sein du composant parent (fichier .vue).

-Cette arborescence: +Cette arborescence : ```bash pages/ @@ -125,7 +127,7 @@ pages/ --| users.vue ``` -génère automatiquement: +va automatiquement génèrer : ```js router: { From 79510624890e97e487371c459402ac5cff04c64f Mon Sep 17 00:00:00 2001 From: Bruno Lesieur Date: Fri, 15 Sep 2017 16:20:35 +0200 Subject: [PATCH 3/7] Relecture faites Signed-off-by: Bruno Lesieur --- en/guide/routing.md | 36 ++++++++++++++++++------------------ 1 file changed, 18 insertions(+), 18 deletions(-) diff --git a/en/guide/routing.md b/en/guide/routing.md index 70c3e960c..d2b1e4ec9 100644 --- a/en/guide/routing.md +++ b/en/guide/routing.md @@ -154,9 +154,9 @@ router: { ## Routes dynamiques imbriquées -Il est possible avec Nuxt.js d'avoir des routes dynamiques imbriquées dans des routes dynamiques; bien que ce scénario ne devrait pas être monnaie courante. +Ce scénario ne devrait pas arriver souvent, mais il est possible avec Nuxt.js d'avoir des routes dynamiques enfants dans des routes dynamiques parentes. -Cette arborescence: +Cette arborescence : ```bash pages/ @@ -170,7 +170,7 @@ pages/ --| index.vue ``` -génère automatiquement: +va automatiquement génèrer : ```js router: { @@ -213,15 +213,15 @@ router: { ## 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 des transitions/animations époustouflantes entre vos routes. +Nuxt.js utilise le composant [``](http://vuejs.org/v2/guide/transitions.html#Transitioning-Single-Elements-Components) afin de vous permettre de créer des transitions / animations époustouflantes entre vos routes. ### Paramètres globaux -

Dans Nuxt.js, le nom de la transition par défaut est `"page"`.

+

Info : dans Nuxt.js, le nom de la transition par défaut est `"page"`.

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`: +Notre CSS global dans `assets/main.css` : ```css .page-enter-active, .page-leave-active { transition: opacity .5s; @@ -231,7 +231,7 @@ Notre CSS global dans `assets/main.css`: } ``` -Nous ajoutons son chemin dans notre config `nuxt.config.js`: +Nous ajoutons son chemin dans notre fichier de configuration `nuxt.config.js` : ```js module.exports = { css: [ @@ -240,13 +240,13 @@ module.exports = { } ``` -Plus d'informations à propos des transitions: [API Configuration transition](/api/pages-transition) +Plus d'informations à propos des transitions : [Configuration de l'API pour les transitions](/api/pages-transition) ### Paramètres des pages 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`: +Nous ajoutons une nouvelle classe dans notre CSS global `assets/main.css` : ```css .test-enter-active, .test-leave-active { transition: opacity .5s; @@ -256,14 +256,14 @@ Nous ajoutons une nouvelle classe dans notre CSS global `assets/main.css`: } ``` -puis, nous utilions la propriété transition pour définir le nom de la classe à utiliser pour cette transition de page: +puis, nous utilions la propriété transition pour définir le nom de la classe à utiliser pour cette transition de page : ```js export default { transition: 'test' } ``` -Plus d'informations à propos de la propriété transition: [API Pages transition](/api/pages-transition) +Plus d'informations à propos de la propriété transition : [API pour la transition de pages](/api/pages-transition) ## Middleware @@ -271,7 +271,7 @@ Plus d'informations à propos de la propriété transition: [API Pages transitio **Tous les middlewares devraient être placés dans le répertoire `middleware/`.** Le nom du fichier étant le nom du middleware (`middleware/auth.js` deviendra le middleware `auth`). -Un middleware reçoit le [contexte](/api#context) comme premier argument: +Un middleware reçoit [le contexte](/api#context) comme premier argument : ```js export default function (context) { @@ -279,12 +279,12 @@ export default function (context) { } ``` -Le middleware sont exécuté en séries dans l'ordre suivant: +Le middleware sont exécuté en série dans l'ordre suivant : 1. `nuxt.config.js` -2. Layouts correspondants +2. Mises en page correspondantes 3. Pages correspondantes -Un middleware peut être asynchrone, retourner une `Promise` ou utiliser le `callback` (2ème arguement): +Un middleware peut être asynchrone, retourner une `Promise` ou utiliser une fonction de rappel en seconde argument : `middleware/stats.js` ```js @@ -297,7 +297,7 @@ export default function ({ route }) { } ``` -Puis, dans `nuxt.config.js`, un layout ou une page, utilisez le mot clef `middleware`: +Puis, dans `nuxt.config.js`, pour une mise en page ou une page, utilisez le mot clef `middleware` : `nuxt.config.js` ```js @@ -308,6 +308,6 @@ module.exports = { } ``` -Dans cet exemple, le middleware `stats` sera appelé à chaque changement de routes. +Le middleware `stats` sera appelé à chaque changement de routes. -Pour voir un exemple "réel" utilisant les middlewares, jeter un oeil à [example-auth0](https://github.com/nuxt/example-auth0) sur GitHub. +Pour voir un exemple d'usage utilisant les middlewares, consultez [example-auth0](https://github.com/nuxt/example-auth0) sur GitHub. From 2c069889ceee04964e77e4f4cc93d27166c0de12 Mon Sep 17 00:00:00 2001 From: Bruno Lesieur Date: Fri, 15 Sep 2017 16:43:27 +0200 Subject: [PATCH 4/7] Une info passe en warning Signed-off-by: Bruno Lesieur --- en/guide/routing.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/en/guide/routing.md b/en/guide/routing.md index d2b1e4ec9..a7cd2f7ab 100644 --- a/en/guide/routing.md +++ b/en/guide/routing.md @@ -115,7 +115,7 @@ Nuxt.js vous permets de créer des routes imbriquées en utilisant les routes en Pour définir le composant parent d'une route imbriquée, vous devez créer un fichier Vue avec le **même nom que le répertoire** qui contient les vues enfants. -

Info : n'oubliez pas d'écrire `` au sein du composant parent (fichier .vue).

+

Attention : n'oubliez pas d'écrire `` au sein du composant parent (fichier .vue).

Cette arborescence : From 86319d93f86d8a4a4817b123d3109d78102d5604 Mon Sep 17 00:00:00 2001 From: Bruno Lesieur Date: Fri, 15 Sep 2017 16:45:21 +0200 Subject: [PATCH 5/7] Typo fix Signed-off-by: Bruno Lesieur --- en/guide/routing.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/en/guide/routing.md b/en/guide/routing.md index a7cd2f7ab..fb5b846b2 100644 --- a/en/guide/routing.md +++ b/en/guide/routing.md @@ -88,7 +88,7 @@ router: { Comme vous pouvez le voir, la route nommée `users-id` contient le chemin `:id?` ce qui le rend optionnel; si vous voulez le rendre obligatoire, créez un fichier `index.vue` dans le dossier `users/_id`. -

Attention : les routes dynamiques sont ignoréespar la commande `generate` : [ Configuration de l'API pour la génération](/api/configuration-generate#routes)

+

Attention : les routes dynamiques sont ignorées par la commande `generate` : [ Configuration de l'API pour la génération](/api/configuration-generate#routes)

### Validation des paramètres de route From 52bf57bc0b8769b29762f07577ad9f8fefd9bae2 Mon Sep 17 00:00:00 2001 From: Bruno Lesieur Date: Sat, 16 Sep 2017 11:01:49 +0200 Subject: [PATCH 6/7] Revue de @forresst Signed-off-by: Bruno Lesieur --- en/guide/routing.md | 18 +++++++++--------- 1 file changed, 9 insertions(+), 9 deletions(-) diff --git a/en/guide/routing.md b/en/guide/routing.md index fb5b846b2..df6b6a2d0 100644 --- a/en/guide/routing.md +++ b/en/guide/routing.md @@ -17,7 +17,7 @@ pages/ --| index.vue ``` -génère automatiquement : +générera automatiquement : ```js router: { @@ -43,7 +43,7 @@ router: { ## Routes dynamiques -Pour définir une route dynmaique à l'aide d'un paramètre, vous devez définir un fichier `.vue` OU un répertoire **préfixé par un souligner (`_`)**. +Pour définir une route dynamique à l'aide d'un paramètre, vous devez définir un fichier `.vue` OU un répertoire **préfixé par un souligné (`_`)**. Cette arborescence : @@ -57,7 +57,7 @@ pages/ --| index.vue ``` -génère automatiquement : +générera automatiquement : ```js router: { @@ -86,7 +86,7 @@ router: { } ``` -Comme vous pouvez le voir, la route nommée `users-id` contient le chemin `:id?` ce qui le rend optionnel; si vous voulez le rendre obligatoire, créez un fichier `index.vue` dans le dossier `users/_id`. +Comme vous pouvez le voir, la route nommée `users-id` contient le chemin `:id?` ce qui le rend optionnel. Si vous voulez le rendre obligatoire, créez un fichier `index.vue` dans le dossier `users/_id`.

Attention : les routes dynamiques sont ignorées par la commande `generate` : [ Configuration de l'API pour la génération](/api/configuration-generate#routes)

@@ -111,7 +111,7 @@ Plus d'informations à propos de la méthode de validation : [API pour la valida ## Routes imbriquées -Nuxt.js vous permets de créer des routes imbriquées en utilisant les routes enfants de vue-router. +Nuxt.js vous permet de créer des routes imbriquées en utilisant les routes enfants de vue-router. Pour définir le composant parent d'une route imbriquée, vous devez créer un fichier Vue avec le **même nom que le répertoire** qui contient les vues enfants. @@ -127,7 +127,7 @@ pages/ --| users.vue ``` -va automatiquement génèrer : +générera automatiquement : ```js router: { @@ -170,7 +170,7 @@ pages/ --| index.vue ``` -va automatiquement génèrer : +générera automatiquement : ```js router: { @@ -279,12 +279,12 @@ export default function (context) { } ``` -Le middleware sont exécuté en série dans l'ordre suivant : +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 seconde argument : +Un middleware peut être asynchrone, retourner une `Promise` ou utiliser une fonction de rappel en second argument : `middleware/stats.js` ```js From 3d39f848482f629545524f8d1b45968dd0214666 Mon Sep 17 00:00:00 2001 From: Bruno Lesieur Date: Sat, 16 Sep 2017 12:25:54 +0200 Subject: [PATCH 7/7] Revue de @rspt Signed-off-by: Bruno Lesieur --- en/guide/routing.md | 16 ++++++++-------- 1 file changed, 8 insertions(+), 8 deletions(-) diff --git a/en/guide/routing.md b/en/guide/routing.md index df6b6a2d0..5cb8cf6c1 100644 --- a/en/guide/routing.md +++ b/en/guide/routing.md @@ -1,6 +1,6 @@ --- title: Routage -description: Nuxt.js utilise le système de fichiers pour générer les routes de votre applications web, c'est aussi simple qu'en PHP de créer des routes. +description: Nuxt.js utilise le système de fichiers pour générer les routes de votre application web, c'est aussi simple qu'en PHP de créer des routes. --- > Nuxt.js génère automatiquement la configuration pour [vue-router](https://github.com/vuejs/vue-router) en fonction de votre arborescence de fichiers Vue se trouvant au sein du répertoire `pages`. @@ -17,7 +17,7 @@ pages/ --| index.vue ``` -générera automatiquement : +génèrera automatiquement : ```js router: { @@ -57,7 +57,7 @@ pages/ --| index.vue ``` -générera automatiquement : +génèrera automatiquement : ```js router: { @@ -127,7 +127,7 @@ pages/ --| users.vue ``` -générera automatiquement : +génèrera automatiquement : ```js router: { @@ -170,7 +170,7 @@ pages/ --| index.vue ``` -générera automatiquement : +génèrera automatiquement : ```js router: { @@ -213,7 +213,7 @@ router: { ## Transitions -Nuxt.js utilise le composant [``](http://vuejs.org/v2/guide/transitions.html#Transitioning-Single-Elements-Components) afin de vous permettre de créer des transitions / animations époustouflantes entre vos routes. +Nuxt.js utilise le composant [``](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. ### Paramètres globaux @@ -256,7 +256,7 @@ Nous ajoutons une nouvelle classe dans notre CSS global `assets/main.css` : } ``` -puis, nous utilions la propriété transition pour définir le nom de la classe à utiliser pour cette transition de page : +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' @@ -297,7 +297,7 @@ export default function ({ route }) { } ``` -Puis, dans `nuxt.config.js`, pour une mise en page ou une page, utilisez le mot clef `middleware` : +Puis, dans `nuxt.config.js`, pour une mise en page ou une page, utilisez le mot-clé `middleware` : `nuxt.config.js` ```js