Skip to content

Commit 086b13b

Browse files
Traduction de api/nuxt-* (#28)
* Nuxt by programmation Signed-off-by: Bruno Lesieur <[email protected]> * Revue de @rspt Signed-off-by: Bruno Lesieur <[email protected]>
1 parent d015412 commit 086b13b

File tree

4 files changed

+66
-61
lines changed

4 files changed

+66
-61
lines changed

en/api/nuxt-render-and-get-window.md

Lines changed: 16 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -1,28 +1,30 @@
11
---
22
title: "API: nuxt.renderAndGetWindow(url, options)"
3-
description: Get the window from a given url of a nuxt.js application.
3+
description: Obtient la `window` à une URL donnée d'une application Nuxt.js.
44
---
55

6-
# nuxt.renderAndGetWindow(url, options = {}) (En)
6+
# nuxt.renderAndGetWindow(url, options = {})
77

8-
- Type: `Function`
9-
- Argument: `String`
10-
1. `String`: url to render
11-
2. *Optional*, `Object`: options
12-
- virtualConsole: `Boolean` (default: `true`)
13-
- Returns: `Promise`
14-
- Returns: `window`
8+
- Type : `Function`
9+
- Argument : `String`
10+
1. `String` : l'URL à rendre
11+
2. *Optional*, `Object` : options
12+
- virtualConsole : `Boolean` (par défaut : `true`)
13+
- Valeur de retour : `Promise`
14+
- Valeur de retour : `window`
1515

16-
> Get the window from a given url of a nuxt.js application.
16+
> Obtient la `window` à une URL donnée d'une application Nuxt.js.
1717
18-
<p class="Alert Alert--info">This method is made for [test purposes](guide/development-tools#end-to-end-testing).</p>
18+
<p class="Alert Alert--info">Cette méthode est faite pour les [tests](guide/development-tools#tests-de-bout-en-bout).</p>
19+
20+
Pour utiliser cette fonction, vous devez installer `jsdom` :
1921

20-
<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>To use this function, you have to install `jsdom`:</p>
2122
```bash
2223
npm install --save-dev jsdom
2324
```
2425

25-
Example:
26+
Exemple :
27+
2628
```js
2729
const { Nuxt, Builder } = require('nuxt')
2830

@@ -33,7 +35,7 @@ const nuxt = new Nuxt(config)
3335

3436
nuxt.renderAndGetWindow('http://localhost:3000')
3537
.then((window) => {
36-
// Display the head <title>
38+
// Afficher l'entête `<title>`
3739
console.log(window.document.title)
3840
})
3941
```

en/api/nuxt-render-route.md

Lines changed: 19 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -1,26 +1,27 @@
11
---
2-
title: "API: nuxt.renderRoute(route, context)"
3-
description: Render a specific route with a given context.
2+
title: "API : nuxt.renderRoute(route, context)"
3+
description: Faire le rendu d'une route spécifique avec un contexte donné.
44
---
55

6-
# nuxt.renderRoute(route, context = {}) (En)
6+
# nuxt.renderRoute(route, context = {})
77

8-
- Type: `Function`
9-
- Arguments:
10-
1. `String`, route to render
11-
2. *Optional*, `Object`, context given, available keys: `req` & `res`
12-
- Returns: `Promise`
8+
- Type : `Function`
9+
- Arguments :
10+
1. `String` : route sur laquelle faire le rendu
11+
2. *Optionnel*, `Object`, donne le contexte, propriétés disponibles : `req` & `res`
12+
- Valeur de retour : `Promise`
1313
- `html`: `String`
14-
- `error`: `null` or `Object`
15-
- `redirected`: `false` or `Object`
14+
- `error`: `null` ou `Object`
15+
- `redirected`: `false` ou `Object`
1616

17-
> Render a specific route with a given context.
17+
> Faire le rendu d'une route spécifique avec un contexte donné.
1818
19-
<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 method should be used mostly for [test purposes](/guide/development-tools#end-to-end-testing) as well with [nuxt.renderAndGetWindow](/api/nuxt-render-and-get-window).</p>
19+
Cette méthode devrait être utilisée en particulier pour les [tests](guide/development-tools#tests-de-bout-en-bout) aussi bien que [`nuxt.renderAndGetWindow`](/api/nuxt-render-and-get-window).
2020

21-
<p class="Alert Alert--info">`nuxt.renderRoute` should be executed after the build process in production mode (dev: false).</p>
21+
<p class="Alert Alert--info">`nuxt.renderRoute` devrait être exécuté après le processus de build en mode production (`dev: false`).</p>
22+
23+
Exemple :
2224

23-
Example:
2425
```js
2526
const { Nuxt, Builder } = require('nuxt')
2627

@@ -33,12 +34,12 @@ new Builder(nuxt)
3334
.build()
3435
.then(() => nuxt.renderRoute('/'))
3536
.then(({ html, error, redirected }) => {
36-
// html will be always a string
37+
// `html` sera toujours une chaine de caractères
3738

38-
// error not null when the error layout is displayed, the error format is:
39-
// { statusCode: 500, message: 'My error message' }
39+
// `error` sera non `null` quand le layout d'erreur est affiché, le format d'erreur est :
40+
// { statusCode: 500, message: 'Mon message d'erreur' }
4041

41-
// redirected is not false when redirect() has been used in data() or fetch()
42+
// `redirected` n'est pas `false` quand `redirect()` est utilisé dans `data()` ou `fetch()`
4243
// { path: '/other-path', query: {}, status: 302 }
4344
})
4445
```

en/api/nuxt-render.md

Lines changed: 15 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -1,35 +1,36 @@
11
---
2-
title: "API: nuxt.render(req, res)"
3-
description: You can use Nuxt.js as a middleware for your node.js server.
2+
title: "API : nuxt.render(req, res)"
3+
description: Vous pouvez utiliser Nuxt.js comme un middleware pour votre serveur Node.js.
44
---
55

6-
# nuxt.render(req, res) (En)
6+
# nuxt.render(req, res)
77

8-
- Type: `Function`
9-
- Arguments:
8+
- Type : `Function`
9+
- Arguments :
1010
1. [Request](https://nodejs.org/api/http.html#http_class_http_incomingmessage)
1111
2. [Response](https://nodejs.org/api/http.html#http_class_http_serverresponse)
12-
- Returns: `Promise`
12+
- Valeur de retour : `Promise`
1313

14-
> You can use nuxt.js as a middleware with `nuxt.render` for your node.js server.
14+
> Vous pouvez utiliser Nuxt.js comme un middleware avec `nuxt.render` pour votre serveur Node.js.
15+
16+
Example with [Express](https://github.com/expressjs/express) :
1517

16-
<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>Example with [Express.js](https://github.com/expressjs/express):</p>
1718
```js
1819
const { Nuxt, Builder } = require('nuxt')
1920

2021
const app = require('express')()
2122
const isProd = (process.env.NODE_ENV === 'production')
2223
const port = process.env.PORT || 3000
2324

24-
// We instantiate nuxt.js with the options
25+
// Nous instancions Nuxt.js avec les options
2526
const config = require('./nuxt.config.js')
2627
config.dev = !isProd
2728
const nuxt = new Nuxt(config)
2829

29-
// Render every route with nuxt.js
30+
// Rendre chaque route avec Nuxt.js
3031
app.use(nuxt.render)
3132

32-
// Build only in dev mode with hot-reloading
33+
// Faire le build seulement en mode de développement avec du rechargement à chaud
3334
if (config.dev) {
3435
new Builder(nuxt).build()
3536
.then(listen)
@@ -43,10 +44,10 @@ else {
4344
}
4445

4546
function listen() {
46-
// Listen the server
47+
// Écouter le serveur
4748
app.listen(port, '0.0.0.0')
48-
console.log('Server listening on localhost:' + port)
49+
console.log('Le serveur écoute sur `localhost:' + port + '`.')
4950
}
5051
```
5152

52-
<p class="Alert">It's recommended to call **nuxt.render** at the end of your middlewares since it will handle the rendering of your web application and won't call next()</p>
53+
<p class="Alert">Il est recommandé d'appeler `nuxt.render` à la fin de votre middlewares ainsi il fera le rendu de votre application web et n'appellera pas `next()`.</p>

en/api/nuxt.md

Lines changed: 16 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -1,44 +1,45 @@
11
---
2-
title: "API: Nuxt(options)"
3-
description: You can use nuxt.js programmatically to use it as a middleware giving you the freedom of creating your own server for rendering your web applications.
2+
title: "API : Nuxt(options)"
3+
description: Vous pouvez utiliser Nuxt.js par programmation et l'utiliser en tant que middleware vous donnant la possibilité de créer votre propre serveur pour le rendu de vos applications web.
44
---
55

6-
# Using Nuxt.js Programmatically (En)
6+
# Utiliser Nuxt.js par programmation
77

8-
<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>You might want to use your own server with your middleware and your API. That's why you can use Nuxt.js programmatically.</p>
8+
Vous voudrez peut-être utiliser votre propre serveur avec vos middlewares et votre API. C'est pourquoi vous pouvez utiliser Nuxt.js par programmation.
9+
10+
Vous pouvez inclure Nuxt.js ainsi :
911

10-
You can require Nuxt.js like this:
1112
```js
1213
const { Nuxt, Builder } = require('nuxt')
1314
```
1415

15-
## Nuxt Constructor
16+
## Constructeur Nuxt
1617

17-
To see the list of options to give to Nuxt.js, see the configuration section.
18+
Pour voir la liste des options à fournir à Nuxt.js, consultez la section configuration.
1819

1920
```js
20-
// Require Nuxt And Builder modules
21+
// Inclure les modules `Nuxt` et `Builder`
2122
const { Nuxt, Builder } = require('nuxt')
2223

23-
// Require nuxt config
24+
// Inclure la configuration Nuxt
2425
const config = require('./nuxt.config.js')
2526

26-
// Create a new nuxt instance
27+
// Créer une nouvelle instance de Nuxt
2728
const nuxt = new Nuxt(config)
2829

29-
// Enable live build & reloading on dev
30+
// Activer le build live et le rechargement à chaud reloading en développement
3031
if (nuxt.options.dev) {
3132
new Builder(nuxt).build()
3233
}
3334

34-
// We can use nuxt.render(req, res) or nuxt.renderRoute(route, context)
35+
// Nous pouvons utiliser `nuxt.render(req, res)` ou `nuxt.renderRoute(route, context)`
3536
```
3637

37-
You can take a look at the [nuxt-express](https://github.com/nuxt/express) and [adonuxt](https://github.com/nuxt/adonuxt) starters to get started quickly.
38+
Vous pouvez jeter un œil aux modules de démarrage [nuxt-express](https://github.com/nuxt/express) et [adonuxt](https://github.com/nuxt/adonuxt) pour démarrer rapidement
3839

39-
### Debug logs
40+
### Logs de débogue
4041

41-
If you want to display nuxt.js logs, you can add to the top of your file:
42+
Si vous voulez afficher les logs de Nuxt.js, vous pouvez ajouter en première ligne de fichier le code suivant :
4243

4344
```js
4445
process.env.DEBUG = 'nuxt:*'

0 commit comments

Comments
 (0)