From 6ddbac489e13664cd35bdfd722c6c451dd4a849b Mon Sep 17 00:00:00 2001
From: Petr <diexfive@gmail.com>
Date: Fri, 22 Dec 2023 14:02:31 +0100
Subject: [PATCH] feat: add seo, title,img,desc

---
 app.vue                | 7 +++++--
 pages/index.vue        | 8 ++++++++
 pages/project/[id].vue | 8 ++++++++
 3 files changed, 21 insertions(+), 2 deletions(-)

diff --git a/app.vue b/app.vue
index b670245..d5b290f 100644
--- a/app.vue
+++ b/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()
diff --git a/pages/index.vue b/pages/index.vue
index 08f9155..73cf948 100644
--- a/pages/index.vue
+++ b/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>
 
diff --git a/pages/project/[id].vue b/pages/project/[id].vue
index 6513997..81287c8 100644
--- a/pages/project/[id].vue
+++ b/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>