feat: better seo data for articles

Author: Chalks

src/pages/blog/just-do-something-literally-anything.vue

@@ -6,6 +6,8 @@ seo({
     imageType: 'image/jpeg',
     imageWidth: 800,
     imageHeight: 511,
+    type: 'article',
+    published: '2024-01-21',
 });
 
 // https://search.google.com/test/rich-results

src/public/sitemap.xml

@@ -3,6 +3,12 @@
 <url>
     <loc>https://jdw.me/</loc>
 </url>
+<url>
+    <loc>https://jdw.me/blog</loc>
+</url>
+<url>
+    <loc>https://jdw.me/blog/just-do-something-literally-anything</loc>
+</url>
 <url>
     <loc>https://jdw.me/resume</loc>
 </url>

src/utils/seo.js

@@ -6,6 +6,8 @@ export default ({
     imageType = 'image/png',
     imageWidth = 600,
     imageHeight = 600,
+    author = 'Jonathan Walters',
+    published,
     type = 'website',
 } = {}) => {
     const route = useRoute();
@@ -22,7 +24,7 @@ export default ({
         ],
     });
 
-    useSeoMeta({
+    const seoMeta = {
         title: pageTitle ?? title,
         colorScheme: 'only light',
         themeColor: '#60a5fa',
@@ -40,5 +42,14 @@ export default ({
         twitterTitle: title,
         twitterSite: '@chalksy',
         twitterImage: imageUrl,
-    });
+    };
+
+    if (type === 'article') {
+        seoMeta.articleAuthor = author;
+        if (published) {
+            seoMeta.articlePublishedTime = published;
+        }
+    }
+
+    useSeoMeta(seoMeta);
 };