types: fix theme typings

src/client/shim.d.ts

@@ -19,6 +19,10 @@ declare module '@docsearch/js' {
   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/VPFlyout.vue

@@ -1,12 +1,11 @@
 <script lang="ts" setup>
 import { ref } from 'vue'
-import { DefaultTheme } from 'vitepress'
 import { useFlyout } from '../composables/flyout'
 import VPIconChevronDown from './icons/VPIconChevronDown.vue'
 import VPIconMoreHorizontal from './icons/VPIconMoreHorizontal.vue'
 import VPMenu from './VPMenu.vue'
 
-const props = defineProps<{
+defineProps<{
   icon?: any
   button?: string
   label?: string

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

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import VPButton from './VPButton.vue'
 
-interface HeroAction {
+export interface HeroAction {
   theme?: 'brand' | 'alt'
   text: string
   link: string

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

@@ -3,13 +3,13 @@ import VPIconHeart from './icons/VPIconHeart.vue'
 import VPButton from './VPButton.vue'
 import VPSponsors from './VPSponsors.vue'
 
-interface Sponsors {
+export interface Sponsors {
   tier: string
   size?: 'medium' | 'big'
   items: Sponsor[]
 }
 
-interface Sponsor {
+export interface Sponsor {
   name: string
   img: string
   url: string

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

@@ -1,18 +1,12 @@
 <script lang="ts" setup>
-import { DefaultTheme, useData } from 'vitepress'
+import { DefaultTheme } from '../config'
-import { isActive } from '../support/utils'
 import VPFlyout from './VPFlyout.vue'
 
 defineProps<{
   item: DefaultTheme.NavItemWithChildren
 }>()
-
-const { page } = useData()
 </script>
 
 <template>
-  <VPFlyout
+  <VPFlyout :button="item.text" :items="item.items" />
-    :button="item.text"
-    :items="item.items"
-  />
 </template>

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

@@ -1,13 +1,12 @@
 <script lang="ts" setup>
 import { computed, ref } from 'vue'
-import { DefaultTheme } from 'vitepress'
 import VPIconPlus from './icons/VPIconPlus.vue'
 import VPNavScreenMenuGroupLink from './VPNavScreenMenuGroupLink.vue'
 import VPNavScreenMenuGroupSection from './VPNavScreenMenuGroupSection.vue'
 
 const props = defineProps<{
   text: string
-  items: DefaultTheme.NavItemChild[]
+  items: any[]
 }>()
 
 const isOpen = ref(false)

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

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

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

@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { ref, onMounted } from 'vue'
+import { ref } from 'vue'
 import { DefaultTheme } from '../config'
 import VPIconPlusSquare from './icons/VPIconPlusSquare.vue'
 import VPIconMinusSquare from './icons/VPIconMinusSquare.vue'

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

@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import { DefaultTheme } from 'vitepress'
+import { DefaultTheme } from '../config'
 import VPIconDiscord from './icons/VPIconDiscord.vue'
 import VPIconFacebook from './icons/VPIconFacebook.vue'
 import VPIconGitHub from './icons/VPIconGitHub.vue'
@@ -9,7 +9,7 @@ import VPIconSlack from './icons/VPIconSlack.vue'
 import VPIconTwitter from './icons/VPIconTwitter.vue'
 import VPIconYouTube from './icons/VPIconYouTube.vue'
 
-const props = defineProps<{
+defineProps<{
   icon: DefaultTheme.SocialLinkIcon
   link: string
 }>()

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

@@ -2,13 +2,13 @@
 import { computed } from 'vue'
 import VPSponsorsGrid from './VPSponsorsGrid.vue'
 
-interface Sponsors {
+export interface Sponsors {
   tier?: string
   size?: 'small' | 'medium' | 'big'
   items: Sponsor[]
 }
 
-interface Sponsor {
+export interface Sponsor {
   name: string
   img: string
   url: string
@@ -17,7 +17,7 @@ interface Sponsor {
 const props = defineProps<{
   tier?: string
   size?: 'small' | 'medium' | 'big'
-  data: Sposors[] | Sponsor[]
+  data: Sponsors[] | Sponsor[]
 }>()
 
 const sponsors = computed(() => {

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

@@ -2,7 +2,7 @@
 import { ref } from 'vue'
 import { useSponsorsGrid } from '../composables/sponsor-grid'
 
-interface Sponsor {
+export interface Sponsor {
   name: string
   img: string
   url: string

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

@@ -45,7 +45,10 @@ export function useSidebar() {
  * a11y: cache the element that opened the Sidebar (the menu button) then
  * focus that button again when Menu is closed with Escape key.
  */
-export function useCloseSidebarOnEscape(isOpen: Ref<boolean>, close: () => {}) {
+export function useCloseSidebarOnEscape(
+  isOpen: Ref<boolean>,
+  close: () => void
+) {
   let triggerElement: HTMLButtonElement | undefined
 
   watchEffect(() => {

src/client/theme-default/composables/sponsor-grid.ts

@@ -9,7 +9,7 @@ export type GridSize = 'small' | 'medium' | 'big'
 
 export interface UseSponsorsGridOprions {
   el: Ref<HTMLElement | null>
-  size: GridSize
+  size?: GridSize
 }
 
 /**
@@ -44,7 +44,10 @@ const GridSettings: GridSetting = {
   ]
 }
 
-export function useSponsorsGrid(options: UseSponsorsGridOprions) {
+export function useSponsorsGrid({
+  el,
+  size = 'medium'
+}: UseSponsorsGridOprions) {
   const onResize = throttleAndDebounce(manage, 100)
 
   onMounted(() => {
@@ -57,7 +60,7 @@ export function useSponsorsGrid(options: UseSponsorsGridOprions) {
   })
 
   function manage() {
-    adjustSlots(options.el.value!, options.size)
+    adjustSlots(el.value!, size)
   }
 }
 

theme.d.ts

@@ -1,9 +1,13 @@
 // so that users can do `import DefaultTheme from 'vitepress/theme'`
 import { ComponentOptions } from 'vue'
 
-declare const defaultTheme: {
+export const VPHomeHero = ComponentOptions
+export const VPHomeFeatures = ComponentOptions
+export const VPHomeSponsors = ComponentOptions
+
+declare const theme: {
   Layout: ComponentOptions
   NotFound: ComponentOptions
 }
 
-export default defaultTheme
+export default theme