From fd9e5e3f3874f21f0784a762bba69cdb98ff8ce7 Mon Sep 17 00:00:00 2001
From: mrholek <lukasz@holeczek.pl>
Date: Thu, 30 May 2024 18:05:28 +0200
Subject: [PATCH] docs: update theme

---
 packages/coreui-vue/src/composables/index.ts |  4 ++--
 packages/docs/.vuepress/config.ts            | 10 ++++++++++
 packages/docs/.vuepress/src/shared/page.ts   |  1 +
 3 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/packages/coreui-vue/src/composables/index.ts b/packages/coreui-vue/src/composables/index.ts
index 47572a5d..4d78d30e 100644
--- a/packages/coreui-vue/src/composables/index.ts
+++ b/packages/coreui-vue/src/composables/index.ts
@@ -1,5 +1,5 @@
 import { useColorModes } from './useColorModes'
-import { useUniqueId } from './useUniqueId'
 import { usePopper } from './usePopper'
+import { useUniqueId } from './useUniqueId'
 
-export { useColorModes, useUniqueId, usePopper }
+export { useColorModes, usePopper, useUniqueId }
diff --git a/packages/docs/.vuepress/config.ts b/packages/docs/.vuepress/config.ts
index 0ae26563..764793ab 100644
--- a/packages/docs/.vuepress/config.ts
+++ b/packages/docs/.vuepress/config.ts
@@ -70,6 +70,16 @@ export default defineUserConfig({
       },
     }),
     tocPlugin({}),
+    {
+      name: 'extendsPage',
+      extendsPage: (page) => {
+        const frontmatter = page.frontmatter
+
+        frontmatter.head = [
+          ['link', { rel: 'canonical', href: `https://coreui.io/vue/docs${page.path}` }],
+        ]
+      },
+    },
   ],
   theme: defaultTheme({
     sidebar: [
diff --git a/packages/docs/.vuepress/src/shared/page.ts b/packages/docs/.vuepress/src/shared/page.ts
index 64e5fe99..40007b84 100755
--- a/packages/docs/.vuepress/src/shared/page.ts
+++ b/packages/docs/.vuepress/src/shared/page.ts
@@ -10,6 +10,7 @@ export interface DefaultThemePageFrontmatter {
   navbar?: boolean
   pageClass?: string
   name?: string
+  preview_component?: boolean
   pro_component?: boolean
   other_frameworks?: string
 }