feat: add seo, title,img,desc

app.vue

@@ -1,8 +1,11 @@
 <script setup lang="ts">
 useHead({
-  title: 'Web 3 Privacy',
+  titleTemplate: (titleChunk) => {
+    return titleChunk
+      ? `${titleChunk} - Web3-Privacy`
+      : 'Web3-Privacy'
+  },
 })
-
 const { fetchData } = useData()
 
 await fetchData()

pages/index.vue

@@ -1,4 +1,12 @@
 <script lang="ts" setup>
+useHead({
+  title: 'Dashboard',
+})
+useSeoMeta({
+  ogTitle: 'Dashboard',
+  ogDescription: 'There are challenges in finding crucial technical details and comparing various privacy-focused projects.',
+  ogImage: '/web3privacy_eye.webp',
+})
 const { filteredProjects } = storeToRefs(useData())
 </script>
 

pages/project/[id].vue

@@ -20,6 +20,14 @@ if (!project.value) {
     fatal: true,
   })
 }
+useHead({
+  title: project.value.name,
+})
+useSeoMeta({
+  ogTitle: project.value.name,
+  ogDescription: project.value.description,
+  ogImage: project.logos?.at(0)?.url,
+})
 </script>
 
 <template>