From 0936100d0f8730074b9803a57e7c119ba00f9ce2 Mon Sep 17 00:00:00 2001
From: Seven Of Aces <sevenofaces42@gmail.com>
Date: Fri, 3 Jan 2025 18:39:07 -0800
Subject: [PATCH] fixing metadata by using Nuxt methods

---
 components/MetaSet.vue | 68 +++++++++++++++++++++++++++---------------
 1 file changed, 44 insertions(+), 24 deletions(-)

diff --git a/components/MetaSet.vue b/components/MetaSet.vue
index 44656c9..d1b4fd4 100644
--- a/components/MetaSet.vue
+++ b/components/MetaSet.vue
@@ -27,29 +27,49 @@ function tagsToString(tags: String[]): string {
     return tagString;
 }
 
-</script>
+useSeoMeta({
+    title: fullTitle,
+    ogTitle: fullTitle,
+    description: description,
+    ogDescription: description,
+    keywords: tagsToString(tags.value),
+    ogImage: background,
+    ogUrl: siteConfig.siteUrl,
+    ogType: 'website',
+    ogSiteName: siteConfig.siteTitle,
+    ogLocale: 'en_US',
+    ogLocaleAlternate: 'en_GB',
+    themeColor: siteConfig.sitePrimaryColor,
+    twitterCard: 'summary',
+    twitterTitle: fullTitle,
+    twitterDescription: description,
+    twitterImage: background
+    
+});
 
-<template>
-	<title>{{ fullTitle }}</title>
-	<meta name="description" :content="description" />
-    <meta name="keywords" :content="tagsToString(tags)" />
-	<meta name="author" :content="siteConfig.siteAuthor" />
-	<meta name="url" :content="siteConfig.siteUrl" />
-	<meta name="og:title" :content="title + ' | ' + siteConfig.siteTitle" />
-	<meta name="og:description" :content="siteConfig.siteAuthor + '\'s personal site'" />
-	<meta name="og:url" :content="siteConfig.siteUrl" />
-    <div v-if="background">
-        <meta name="og:image" :content="background" />
-    </div>
-	<meta name="og:type" content="website" />
-	<meta name="og:site_name" :content="siteConfig.siteTitle" />
-	<meta name="og:locale" content="en_US" />
-	<meta name="og:locale:alternate" content="en_GB" />
-	<meta name="theme-color" :content="siteConfig.sitePrimaryColor" />
+useHead({
+    title: fullTitle,
+    meta: [
+        { name: 'description', content: description },
+        { name: 'keywords', content: tagsToString(tags.value) },
+        { name: 'author', content: siteConfig.siteAuthor },
+        { name: 'date', content: date },
+        { name: 'theme-color', content: siteConfig.sitePrimaryColor },
+        { name: 'twitter:card', content: 'summary' },
+        { name: 'twitter:title', content: fullTitle },
+        { name: 'twitter:description', content: description },
+        { name: 'twitter:image', content: background },
+        { name: 'twitter:image:alt', content: fullTitle },
+        { name: 'og:title', content: fullTitle },
+        { name: 'og:description', content: description },
+        { name: 'og:type', content: 'website' },
+        { name: 'og:url', content: siteConfig.siteUrl },
+        { name: 'og:site_name', content: siteConfig.siteTitle },
+        { name: 'og:locale', content: 'en_US' },
+        { name: 'og:locale:alternate', content: 'en_GB' },
+        { name: 'og:image', content: background },
+        { name: 'og:image:alt', content: fullTitle }
+    ]
+})
 
-    <!-- Boo, Twitter. -->
-    <meta name="twitter:card" content="summary" />
-    <meta name="twitter:title" :content="fullTitle" />
-    <meta name="twitter:description" :content="description" />
-    <meta name="twitter:image" :content="background" />
-</template>
\ No newline at end of file
+</script>
\ No newline at end of file