diff --git a/plugins/canonical.ts b/plugins/canonical.ts
new file mode 100644
index 0000000..8199726
--- /dev/null
+++ b/plugins/canonical.ts
@@ -0,0 +1,14 @@
+export default defineNuxtPlugin(() => {
+  const route = useRoute()
+  const { docus } = useAppConfig()
+  const canonicalUrl = computed(() => `${docus.url}${route.path}`)
+
+  useHead({
+    link: [
+      { rel: 'canonical', href: canonicalUrl }
+    ],
+    meta: [
+      { property: 'og:url', content: canonicalUrl }
+    ]
+  })
+})