11<script setup lang="ts">
2- import {RouterLink }from ' vue-router'
2+ import {RouterLink from ' vue-router'
33import {useColorModes }from ' @coreui/vue/src'
44
55const = defineProps ({
@@ -13,23 +13,24 @@ const { colorMode, setColorMode } = useColorModes('coreui-vue-docs-theme')
1313 <CHeaderToggler class =" ms-md-3" @click =" $emit('toggle-sidebar')"
1414 <CIcon icon =" cil-menu" size =" lg"
1515 </CHeaderToggler >
16- <CHeaderBrand
17- :as =" RouterLink"
18- class =" d-lg-none"
19- to =" /"
20- aria-label =" Go to CoreUI for Vue.js documentation"
21- >
22- <svg xmlns =" http://www.w3.org/2000/svg" viewBox =" 0 0 102 116" height =" 32"
23- <g fill =" var(--cui-body-color, currentColor)" fillRule =" nonzero"
24- <path
25- 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"
26- ></path >
27- <path
28- 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"
29- ></path >
30- </g >
31- </svg >
32- </CHeaderBrand >
16+ <RouterLink custom v-slot =" { href }" to =" /"
17+ <CHeaderBrand
18+ class =" d-lg-none"
19+ aria-label =" Go to CoreUI for Vue.js documentation"
20+ :href =" href"
21+ >
22+ <svg xmlns =" http://www.w3.org/2000/svg" viewBox =" 0 0 102 116" height =" 32"
23+ <g fill =" var(--cui-body-color, currentColor)" fillRule =" nonzero"
24+ <path
25+ 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"
26+ ></path >
27+ <path
28+ 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"
29+ ></path >
30+ </g >
31+ </svg >
32+ </CHeaderBrand >
33+ </RouterLink >
3334 <CHeaderNav class =" me-auto d-none d-xl-flex" role =" {undefined}"
3435 <CNavItem
3536href =" https://coreui.io/pricing/?framework=vue&src=react-docs&cta=coreui-header-pricing"