add open graphs and canonical

TypedDevs · Dec 20, 2023 · 81faf0c · 81faf0c
1 parent 4d3711c
commit 81faf0c
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 1 deletion.
diff --git a/docs/.vitepress/config.ts b/docs/.vitepress/config.ts
@@ -11,8 +11,19 @@ export default defineConfig({
   lastUpdated: true,
 
   head: [
-    ['link', { rel: 'icon', href: '/favicon.ico' }]
+    ['link', { rel: 'icon', href: '/favicon.ico' }],
+    ['meta', { property: 'og:type', content: 'website' }],
+    ['meta', { property: 'og:image', content: '/og-image.png' }]
   ],
+  transformHead(context) {
+    const canonical = context.page.replace(/(index)?\.md$/, '')
+
+    return [
+      ['meta', { property: 'og:title', content: context.title }],
+      ['meta', { property: 'og:url', content: `https://bashunit.typeddevs.com/${canonical}` }],
+      ['link', { rel: 'canonical', href: `https://bashunit.typeddevs.com/${canonical}` }],
+    ]
+  },
 
   sitemap: {
     hostname: 'https://bashunit.typeddevs.com'

diff --git a/docs/public/og-image.png b/docs/public/og-image.png