fix(types): use import type for DefaultTheme (#804)

src/client/shim.d.ts

@@ -20,12 +20,3 @@ declare module '@docsearch/js' {
   function docsearch<T = any>(props: T): void
   export default docsearch
 }
-
-declare module '@docsearch/react/dist/esm/types' {
-  export type DocSearchHit = any
-}
-
-declare module '@docsearch/css' {
-  const css: string
-  export default css
-}

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

@@ -1,9 +1,8 @@
 <script setup lang="ts">
+import type { DefaultTheme } from 'vitepress/theme'
 import docsearch from '@docsearch/js'
-import { DocSearchHit } from '@docsearch/react/dist/esm/types'
 import { onMounted } from 'vue'
 import { useRouter, useRoute, useData } from 'vitepress'
-import { DefaultTheme } from '../config'
 
 const router = useRouter()
 const route = useRoute()
@@ -52,15 +51,15 @@ function initialize(userOptions: DefaultTheme.AlgoliaSearchOptions) {
       }
     },
 
-    transformItems(items: DocSearchHit[]) {
+    transformItems(items: any[]) {
       return items.map((item) => {
         return Object.assign({}, item, {
           url: getRelativePath(item.url)
         })
       })
     },
 
-    hitComponent({ hit, children }: { hit: DocSearchHit, children: any }) {
+    hitComponent({ hit, children }: { hit: any; children: any }) {
       const relativeHit = hit.url.startsWith('http')
         ? getRelativePath(hit.url as string)
         : hit.url

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

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import { withBase } from 'vitepress'
 import type { DefaultTheme } from 'vitepress/theme'
+import { withBase } from 'vitepress'
 
 defineProps<{
   image: DefaultTheme.ThemeableImage

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

@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { DefaultTheme } from '../config'
+import type { DefaultTheme } from 'vitepress/theme'
 import VPFlyout from './VPFlyout.vue'
 
 defineProps<{

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

@@ -1,7 +1,7 @@
 <script lang="ts" setup>
+import type { DefaultTheme } from 'vitepress/theme'
 import { useData } from 'vitepress'
 import { isActive } from '../support/utils'
-import { DefaultTheme } from '../config'
 import VPLink from './VPLink.vue'
 
 defineProps<{

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

@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { DefaultTheme } from '../config'
+import type { DefaultTheme } from 'vitepress/theme'
 import VPNavScreenMenuGroupLink from './VPNavScreenMenuGroupLink.vue'
 
 defineProps<{

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

@@ -1,6 +1,6 @@
 <script lang="ts" setup>
+import type { DefaultTheme } from 'vitepress/theme'
 import { ref } from 'vue'
-import { DefaultTheme } from '../config'
 import VPIconPlusSquare from './icons/VPIconPlusSquare.vue'
 import VPIconMinusSquare from './icons/VPIconMinusSquare.vue'
 import VPSidebarLink from './VPSidebarLink.vue'

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

@@ -1,8 +1,8 @@
 <script lang="ts" setup>
+import type { DefaultTheme } from 'vitepress/theme'
 import { inject } from 'vue'
 import { useData } from 'vitepress'
-import { DefaultTheme } from '../config'
-import { isActive, normalizeLink } from '../support/utils'
+import { isActive } from '../support/utils'
 import VPLink from './VPLink.vue'
 
 defineProps<{

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

@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { DefaultTheme } from '../config'
+import type { DefaultTheme } from 'vitepress/theme'
 import VPIconDiscord from './icons/VPIconDiscord.vue'
 import VPIconFacebook from './icons/VPIconFacebook.vue'
 import VPIconGitHub from './icons/VPIconGitHub.vue'

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

@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { DefaultTheme } from '../config'
+import type { DefaultTheme } from 'vitepress/theme'
 import VPSocialLink from './VPSocialLink.vue'
 
 defineProps<{

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

@@ -1,6 +1,6 @@
+import type { DefaultTheme } from 'vitepress/theme'
 import { ref, computed } from 'vue'
 import { useData, useRoute } from 'vitepress'
-import type { DefaultTheme } from '../config'
 
 export function useNav() {
   const isScreenOpen = ref(false)

src/client/theme-default/index.ts

@@ -11,8 +11,6 @@ import { Theme } from 'vitepress'
 import Layout from './Layout.vue'
 import NotFound from './NotFound.vue'
 
-export { DefaultTheme } from './config'
-
 export { default as VPHomeHero } from './components/VPHomeHero.vue'
 export { default as VPHomeFeatures } from './components/VPHomeFeatures.vue'
 export { default as VPHomeSponsors } from './components/VPHomeSponsors.vue'

src/client/theme-default/support/sidebar.ts

@@ -1,4 +1,4 @@
-import { DefaultTheme } from '../config'
+import type { DefaultTheme } from 'vitepress/theme'
 import { ensureStartingSlash } from './utils'
 
 /**