Translate api/page-head

fr/api/pages-head.md

@@ -0,0 +1,40 @@
+---
+title: "API: la méthode head"
+description: Nuxt.js utilise vue-meta pour mettre à jours les `headers` et les attributs html de votre application.
+---
+
+# La méthode head
+
+> Nuxt.js utilise [vue-meta](https://github.com/declandewet/vue-meta) pour mettre à jours les `headers` et les attributs html de votre application.
+
+- **Type:** `Object` ou `Function`
+
+Utilisez la méthode `head` pour définir les tags HTML head de la page courante.
+
+Les données de votre composant sont disponibles avec `with` au sein de la méthode `head`, vous pouvez définir des meta tags personnalisés avec les données de page.
+
+```html
+<template>
+  <h1>{{ title }}</h1>
+</template>
+
+<script>
+export default {
+  data () {
+    return {
+      title: 'Hello World!'
+    }
+  },
+  head () {
+    return {
+      title: this.title,
+      meta: [
+        { hid: 'description', name: 'description', content: 'My custom description' }
+      ]
+    }
+  }
+}
+</script>
+```
+
+<p class="Alert">Afin d'éviter un doublon quand vous utilisez un composant enfant, utilisez un identifiant unique à l'aide de la clef `hid`; [plus à ce propos](https://github.com/declandewet/vue-meta#lists-of-tags).</p>