[FIX] Canonical URL

Author: thibaultrey

app.vue

@@ -8,4 +8,14 @@
 </template>
 <script setup lang="ts">
   defineRobotMeta()
+  const { origin } = useRequestURL()
+  const route = useRoute()
+  useHead({
+    link: [
+      {
+        rel: 'canonical',
+        href: `${origin}${route.path}`
+      },
+    ],
+  })
 </script>

components/template/CategoryPage.vue

@@ -30,13 +30,6 @@ useHead({
       name: 'keywords',
       content: category.metaKeywords || ''
     }
-  ],
-  link: [
-    {
-      hid: 'canonical',
-      rel: 'canonical',
-      href: `${protocol}//${host}/${category.urlKey}` || ''
-    },
-  ],
+  ]
 })
 </script>

components/template/ProductPage.vue

@@ -30,13 +30,6 @@ useHead(() => ({
       name: 'keywords',
       content: product.metaKeywords || ''
     },
-  ],
-  link: [
-    {
-      hid: 'canonical',
-      rel: 'canonical',
-      href: `${protocol}//${host}/${product.urlKey}` || ''
-    },
-  ],
+  ]
 }))
 </script>