diff --git a/src/pages/projects.vue b/src/pages/projects.vue
index 147162b..81f1b86 100644
--- a/src/pages/projects.vue
+++ b/src/pages/projects.vue
@@ -28,23 +28,23 @@
 </template>
 
 <script lang="ts">
-import {useAsync, useContext} from "@nuxtjs/composition-api";
+import {useAsync, useContext, useMeta} from "@nuxtjs/composition-api";
 import {Project} from "../../@types/types";
 
 export default {
   name: "index",
-  head() {
-    return {
-      title: `${this.$i18n.t('header.projects')} - Arthur Danjou`
-    }
-  },
+  head: {},
   setup() {
-    const { $content } = useContext()
+    const { $content, i18n } = useContext()
 
     const projects = useAsync(() => {
       return $content('projects').fetch<Project>()
     })
 
+    useMeta( {
+      title: `${i18n.t('header.projects')} - Arthur Danjou`
+    })
+
     return {
       projects
     }