Skip to content

Commit c80cd86

Browse files
authored
fix(vue-router.md): update highlights for vue-router in french
1 parent d49ddc6 commit c80cd86

File tree

1 file changed

+5
-5
lines changed

1 file changed

+5
-5
lines changed

‎docs/fr/guide/advanced/vue-router.md‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -187,7 +187,7 @@ console.warn node_modules/@vue/runtime-core/dist/runtime-core.cjs.js:39
187187

188188
Les composants `<router-link>` et `<router-view>` ne sont pas trouvés. Nous devons installer Vue Router&nbsp;! Comme Vue Router est un plugin, nous l'installons en utilisant l'option de `mount`&nbsp;: `global.plugins`&nbsp;:
189189

190-
```js {10,11,12}
190+
```js {12,13,14}
191191
import { mount } from '@vue/test-utils';
192192
import { createRouter, createWebHistory } from 'vue-router';
193193
import { routes } from "@/router"; // Cet import devrait pointer vers votre fichier de configuration des routes.
@@ -218,7 +218,7 @@ Le `warning` n'est pas très explicite. En fait, cela est lié au fait que **Vue
218218

219219
Vue Router fournit une fonction `isReady` qui nous informe lorsque le routeur est prêt. Nous pouvons alors l'`await` pour nous assurer que la navigation initiale a eu lieu.
220220

221-
```js {11,12}
221+
```js {13,14}
222222
import { mount } from '@vue/test-utils';
223223
import { createRouter, createWebHistory } from 'vue-router';
224224
import { routes } from "@/router";
@@ -247,7 +247,7 @@ Le test passe enfin&nbsp;! Cela a été assez laborieux, mais désormais nous no
247247

248248
Maintenant, allons sur `/posts` et assurons-nous que le routage fonctionne comme prévu&nbsp;:
249249

250-
```js {19,20}
250+
```js {21,22}
251251
import { mount } from '@vue/test-utils';
252252
import { createRouter, createWebHistory } from 'vue-router';
253253
import { routes } from "@/router";
@@ -288,7 +288,7 @@ Une fois de plus, en raison de la nature asynchrone de Vue Router 4, nous devons
288288

289289
Cependant, il n'y a pas de `hook` `hasNavigated` sur lequel nous pouvons `await`. Une alternative est d'utiliser la fonction `flushPromises` exportée de Vue Test Utils&nbsp;:
290290

291-
```js {1,20}
291+
```js {1,22}
292292
import { mount, flushPromises } from '@vue/test-utils';
293293
import { createRouter, createWebHistory } from 'vue-router';
294294
import { routes } from "@/router";
@@ -317,7 +317,7 @@ test('routing', async () => {
317317

318318
Cela passe. Super&nbsp;! Cependant, c'est très laborieux - et cela concerne une petite application triviale. C'est pour cette raison que l'utilisation d'un routeur simulé est une approche courante lors des tests de composants Vue avec Vue Test Utils. Si vous préférez continuer à utiliser un routeur réel, gardez à l'esprit que chaque test doit utiliser son propre instance du routeur de cette manière&nbsp;:
319319

320-
```js {1,20}
320+
```js {1,22}
321321
import { mount, flushPromises } from '@vue/test-utils';
322322
import { createRouter, createWebHistory } from 'vue-router';
323323
import { routes } from "@/router";

0 commit comments

Comments
 (0)