From 4d5cdc741f1057cf4ee9b03fece57605b7f4644e Mon Sep 17 00:00:00 2001
From: gabaldon <maria@otherplane.com>
Date: Mon, 15 Apr 2024 19:13:16 +0200
Subject: [PATCH] wip

---
 packages/ui/components/DataFeedDetails.vue | 65 ++++++++++++++++++++++
 1 file changed, 65 insertions(+)

diff --git a/packages/ui/components/DataFeedDetails.vue b/packages/ui/components/DataFeedDetails.vue
index 5d1a1445..b6da2b3c 100644
--- a/packages/ui/components/DataFeedDetails.vue
+++ b/packages/ui/components/DataFeedDetails.vue
@@ -324,6 +324,71 @@ watch(
   },
   { deep: true },
 )
+useHead({
+  title: `${feedName.value} Witnet Data Feed on ${networkName.value}`,
+  meta: [
+    { charset: 'utf-8' },
+    {
+      name: 'viewport',
+      content: 'viewport-fit=cover, width=device-width, initial-scale=1',
+    },
+    {
+      hid: 'title',
+      name: 'title',
+      content: `${feedName.value} Witnet Data Feed on ${networkName.value}`,
+    },
+    {
+      hid: 'description',
+      name: 'description',
+      content: `Last result of ${feedName.value} Witnet Data Feed on ${networkName.value} is ${lastResultValue.value} at ${lastResultDate.value}`,
+    },
+    {
+      hid: 'twitter:title',
+      name: 'twitter:title',
+      content: `${feedName.value} Witnet Data Feed on ${networkName.value}`,
+    },
+    {
+      hid: 'twitter:description',
+      name: 'twitter:description',
+      content: `Last result of ${feedName.value} Witnet Data Feed on ${networkName.value} is ${lastResultValue.value} at ${lastResultDate.value}`,
+    },
+    {
+      hid: 'twitter:image',
+      name: 'twitter:image',
+      content: 'https://feeds.witnet.io/meta-image.png',
+    },
+    {
+      hid: 'twitter:image:alt',
+      name: 'twitter:image:alt',
+      content: 'Witnet data feeds explorer',
+    },
+    {
+      hid: 'og:title',
+      property: 'og:title',
+      content: `${feedName.value} Witnet Data Feed on ${networkName.value}`,
+    },
+    {
+      hid: 'og:description',
+      property: 'og:description',
+      content: `Last result of ${feedName.value} Witnet Data Feed on ${networkName.value} is ${lastResultValue.value} at ${lastResultDate.value}`,
+    },
+    {
+      hid: 'og:image',
+      property: 'og:image',
+      content: 'https://feeds.witnet.io/meta-image.png',
+    },
+    {
+      hid: 'og:image:secure_url',
+      property: 'og:image:secure_url',
+      content: 'https://feeds.witnet.io/meta-image.png',
+    },
+    {
+      hid: 'og:image:alt',
+      property: 'og:image:alt',
+      content: 'Witnet data feeds explorer',
+    },
+  ],
+})
 // useSeoMeta({
 //   ogTitle: () =>
 //     `${normalizedFeed.value?.name ?? ''} Witnet Data Feed on ${normalizedFeed.value?.networkName ?? 'selected network'}`,