Define SEO Meta for each Page

Dockerfile

@@ -16,7 +16,7 @@ ENV NUXT_PUBLIC_SITE_NAME=${NUXT_PUBLIC_SITE_NAME}
 ARG NUXT_PUBLIC_SITE_URL
 ENV NUXT_PUBLIC_SITE_URL=${NUXT_PUBLIC_SITE_URL}
 
-WORKDIR /app
+WORKDIR /dist
 
 COPY package.json .
 

pages/docs/[...slug].vue

@@ -3,6 +3,25 @@ definePageMeta({
     middleware: 'documentation'
 })
 
+useHead({
+    title: 'MoodHelper Docs',
+    meta: [
+        { name: 'description', content: "Documentation for MoodHelper." }
+    ],
+    link: [
+        { rel: 'icon', type: 'image/png', href: '/moodhelper.png' }
+    ]
+})
+
+useSeoMeta({
+    title: "MoodHelper Docs",
+    ogTitle: "MoodHelper Docs",
+    description: "Documentation for MoodHelper.",
+    ogDescription: "Documentation for MoodHelper.",
+    ogImage: '/moodhelper.png',
+    twitterCard: 'summary_large_image',
+})
+
 import DocumentationLayout from "~/layouts/DocumentationLayout.vue";
 import PageFooter from "~/components/PageFooter.vue";
 const { page } = useContent()

pages/index.vue

@@ -1,4 +1,24 @@
 <script setup lang="ts">
+
+useHead({
+    title: 'MoodHelper',
+    meta: [
+        { name: 'description', content: "MoodHelper is a mood-management assistance bot using Mistral AI." }
+    ],
+    link: [
+        { rel: 'icon', type: 'image/png', href: '/moodhelper.png' }
+    ]
+})
+
+useSeoMeta({
+    title: "MoodHelper",
+    ogTitle: "MoodHelper",
+    description: "MoodHelper is a mood-management assistance bot using Mistral AI.",
+    ogDescription: "MoodHelper is a mood-management assistance bot using Mistral AI.",
+    ogImage: '/moodhelper.png',
+    twitterCard: 'summary_large_image',
+})
+
 import ChatBubble from "~/components/ChatBubble.vue";
 
 const config = useRuntimeConfig()