fix(theme): fix theme without fonts emitting inter (#2588)

Author: brc-dd

src/client/theme-default/Layout.vue

@@ -1,6 +1,5 @@
 <script setup lang="ts">
 import { useRoute } from 'vitepress'
-import { useSidebar } from 'vitepress/theme'
 import { computed, provide, useSlots, watch } from 'vue'
 import VPBackdrop from './components/VPBackdrop.vue'
 import VPContent from './components/VPContent.vue'
@@ -10,7 +9,7 @@ import VPNav from './components/VPNav.vue'
 import VPSidebar from './components/VPSidebar.vue'
 import VPSkipLink from './components/VPSkipLink.vue'
 import { useData } from './composables/data'
-import { useCloseSidebarOnEscape } from './composables/sidebar'
+import { useCloseSidebarOnEscape, useSidebar } from './composables/sidebar'
 
 const {
   isOpen: isSidebarOpen,

src/client/theme-default/components/VPContent.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import { useSidebar } from 'vitepress/theme'
 import NotFound from '../NotFound.vue'
 import { useData } from '../composables/data'
+import { useSidebar } from '../composables/sidebar'
 import VPDoc from './VPDoc.vue'
 import VPHome from './VPHome.vue'
 import VPPage from './VPPage.vue'

src/client/theme-default/components/VPDoc.vue

@@ -1,8 +1,8 @@
 <script setup lang="ts">
 import { useRoute } from 'vitepress'
-import { useSidebar } from 'vitepress/theme'
 import { computed } from 'vue'
 import { useData } from '../composables/data'
+import { useSidebar } from '../composables/sidebar'
 import VPDocAside from './VPDocAside.vue'
 import VPDocFooter from './VPDocFooter.vue'
 import VPDocOutlineDropdown from './VPDocOutlineDropdown.vue'

src/client/theme-default/components/VPFooter.vue

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { useSidebar } from 'vitepress/theme'
 import { useData } from '../composables/data'
+import { useSidebar } from '../composables/sidebar'
 
 const { theme } = useData()
 const { hasSidebar } = useSidebar()

src/client/theme-default/components/VPLocalNav.vue

@@ -1,9 +1,9 @@
 <script lang="ts" setup>
 import { useWindowScroll } from '@vueuse/core'
 import { onContentUpdated } from 'vitepress'
-import { useSidebar } from 'vitepress/theme'
 import { computed, shallowRef } from 'vue'
 import { useData } from '../composables/data'
+import { useSidebar } from '../composables/sidebar'
 import { getHeaders, type MenuItem } from '../composables/outline'
 import VPLocalNavOutlineDropdown from './VPLocalNavOutlineDropdown.vue'
 import VPIconAlignLeft from './icons/VPIconAlignLeft.vue'

src/client/theme-default/components/VPNavBar.vue

@@ -1,7 +1,7 @@
 <script lang="ts" setup>
 import { useWindowScroll } from '@vueuse/core'
-import { useSidebar } from 'vitepress/theme'
 import { computed } from 'vue'
+import { useSidebar } from '../composables/sidebar'
 import VPNavBarAppearance from './VPNavBarAppearance.vue'
 import VPNavBarExtra from './VPNavBarExtra.vue'
 import VPNavBarHamburger from './VPNavBarHamburger.vue'

src/client/theme-default/components/VPNavBarTitle.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
-import { useSidebar } from 'vitepress/theme'
 import { useData } from '../composables/data'
 import { useLangs } from '../composables/langs'
+import { useSidebar } from '../composables/sidebar'
 import { normalizeLink } from '../support/utils'
 import VPImage from './VPImage.vue'
 

src/client/theme-default/components/VPSidebar.vue

@@ -1,7 +1,7 @@
 <script lang="ts" setup>
 import { clearAllBodyScrollLocks, disableBodyScroll } from 'body-scroll-lock'
-import { useSidebar } from 'vitepress/theme'
 import { ref, watchPostEffect } from 'vue'
+import { useSidebar } from '../composables/sidebar'
 import VPSidebarItem from './VPSidebarItem.vue'
 
 const { sidebarGroups, hasSidebar } = useSidebar()

src/client/theme-default/composables/aside.ts

@@ -1,6 +1,6 @@
 import { useMediaQuery } from '@vueuse/core'
-import { useSidebar } from 'vitepress/theme'
 import { computed } from 'vue'
+import { useSidebar } from './sidebar'
 
 export function useAside() {
   const { hasSidebar } = useSidebar()