feat: nuxt-themes#157 handle canonical property in articles (#194)

clemcode · May 2, 2024 · ff4602b · ff4602b
1 parent c01be48
commit ff4602b
Showing 1 changed file with 12 additions and 4 deletions.
diff --git a/layouts/article.vue b/layouts/article.vue
@@ -47,11 +47,19 @@ const alpine = useAppConfig().alpine
 
 const article = ref<HTMLElement | null>(null)
 
-if (page.value && page.value.cover) {
+if (page.value) {
+  const linkArray = []
+  const metaArray = []
+  
+  if (page.value.cover) {
+    metaArray.push({ property: 'og:image', content: page.value.cover })
+  }
+  if (page.value.canonical) {
+    linkArray.push({ rel: 'canonical', href: page.value.canonical })
+  }
   useHead({
-    meta: [
-      { property: 'og:image', content: page.value.cover }
-    ]
+    meta: metaArray,
+    link: linkArray
   })
 }