docs: update header brand link

Author: mrholek

packages/docs/.vuepress/src/client/components/Header.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { RouterLink} from 'vue-router'
+import { RouterLink } from 'vue-router'
 import { useColorModes } from '@coreui/vue/src'
 
 const props = defineProps({
@@ -13,23 +13,24 @@ const { colorMode, setColorMode } = useColorModes('coreui-vue-docs-theme')
     <CHeaderToggler class="ms-md-3" @click="$emit('toggle-sidebar')">
       <CIcon icon="cil-menu" size="lg" />
     </CHeaderToggler>
-    <CHeaderBrand
-      :as="RouterLink"
-      class="d-lg-none"
-      to="/"
-      aria-label="Go to CoreUI for Vue.js documentation"
-    >
-      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 102 116" height="32">
-        <g fill="var(--cui-body-color, currentColor)" fillRule="nonzero">
-          <path
-            d="M96 25.091 57 2.574a12 12 0 0 0-12 0L6 25.091a12.034 12.034 0 0 0-6 10.392v45.034a12.033 12.033 0 0 0 6 10.392l39 22.517a12 12 0 0 0 12 0l39-22.517a12.033 12.033 0 0 0 6-10.392V35.483a12.034 12.034 0 0 0-6-10.392Zm-2 55.426a4 4 0 0 1-2 3.464l-39 22.516a4 4 0 0 1-4 0L10 83.981a4 4 0 0 1-2-3.464V35.483a4 4 0 0 1 2-3.464L49 9.502a4 4 0 0 1 4 0L92 32.02a4 4 0 0 1 2 3.464v45.034Z"
-          ></path>
-          <path
-            d="M74.022 71.038h-2.866a4 4 0 0 0-1.925.493L51.95 81.017 32 69.498V46.521l19.95-11.519 17.29 9.455a4 4 0 0 0 1.919.49h2.863a2 2 0 0 0 2-2v-2.711a2 2 0 0 0-1.04-1.755L55.793 27.985a8.04 8.04 0 0 0-7.843.09L28 39.593a8.024 8.024 0 0 0-4 6.929v22.976a8 8 0 0 0 4 6.928l19.95 11.518a8.042 8.042 0 0 0 7.843.088l19.19-10.53a2 2 0 0 0 1.038-1.754v-2.71a2 2 0 0 0-2-2Z"
-          ></path>
-        </g>
-      </svg>
-    </CHeaderBrand>
+    <RouterLink custom v-slot="{ href }" to="/">
+      <CHeaderBrand
+        class="d-lg-none"
+        aria-label="Go to CoreUI for Vue.js documentation"
+        :href="href"
+      >
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 102 116" height="32">
+          <g fill="var(--cui-body-color, currentColor)" fillRule="nonzero">
+            <path
+              d="M96 25.091 57 2.574a12 12 0 0 0-12 0L6 25.091a12.034 12.034 0 0 0-6 10.392v45.034a12.033 12.033 0 0 0 6 10.392l39 22.517a12 12 0 0 0 12 0l39-22.517a12.033 12.033 0 0 0 6-10.392V35.483a12.034 12.034 0 0 0-6-10.392Zm-2 55.426a4 4 0 0 1-2 3.464l-39 22.516a4 4 0 0 1-4 0L10 83.981a4 4 0 0 1-2-3.464V35.483a4 4 0 0 1 2-3.464L49 9.502a4 4 0 0 1 4 0L92 32.02a4 4 0 0 1 2 3.464v45.034Z"
+            ></path>
+            <path
+              d="M74.022 71.038h-2.866a4 4 0 0 0-1.925.493L51.95 81.017 32 69.498V46.521l19.95-11.519 17.29 9.455a4 4 0 0 0 1.919.49h2.863a2 2 0 0 0 2-2v-2.711a2 2 0 0 0-1.04-1.755L55.793 27.985a8.04 8.04 0 0 0-7.843.09L28 39.593a8.024 8.024 0 0 0-4 6.929v22.976a8 8 0 0 0 4 6.928l19.95 11.518a8.042 8.042 0 0 0 7.843.088l19.19-10.53a2 2 0 0 0 1.038-1.754v-2.71a2 2 0 0 0-2-2Z"
+            ></path>
+          </g>
+        </svg>
+      </CHeaderBrand>
+    </RouterLink>
     <CHeaderNav class="me-auto d-none d-xl-flex" role="{undefined}">
       <CNavItem
         href="https://coreui.io/pricing/?framework=vue&src=react-docs&cta=coreui-header-pricing"