From 0cacee70d0b6e6ccef15597ab3cbb1edc6517fdd Mon Sep 17 00:00:00 2001
From: Kia King Ishii <kia.king.08@gmail.com>
Date: Sat, 28 May 2022 14:28:08 +0900
Subject: [PATCH] types: fix theme typings

---
 src/client/shim.d.ts                                   |  4 ++++
 src/client/theme-default/components/VPFlyout.vue       |  3 +--
 src/client/theme-default/components/VPHero.vue         |  2 +-
 src/client/theme-default/components/VPHomeSponsors.vue |  4 ++--
 .../theme-default/components/VPNavBarMenuGroup.vue     | 10 ++--------
 .../theme-default/components/VPNavScreenMenuGroup.vue  |  3 +--
 .../components/VPNavScreenMenuGroupSection.vue         |  2 +-
 src/client/theme-default/components/VPSidebarGroup.vue |  2 +-
 src/client/theme-default/components/VPSocialLink.vue   |  4 ++--
 src/client/theme-default/components/VPSponsors.vue     |  6 +++---
 src/client/theme-default/components/VPSponsorsGrid.vue |  2 +-
 src/client/theme-default/composables/sidebar.ts        |  5 ++++-
 src/client/theme-default/composables/sponsor-grid.ts   |  9 ++++++---
 theme.d.ts                                             |  8 ++++++--
 14 files changed, 35 insertions(+), 29 deletions(-)

diff --git a/src/client/shim.d.ts b/src/client/shim.d.ts
index f70ed15a..6a486e5d 100644
--- a/src/client/shim.d.ts
+++ b/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
diff --git a/src/client/theme-default/components/VPFlyout.vue b/src/client/theme-default/components/VPFlyout.vue
index ceac5288..ed31ee73 100644
--- a/src/client/theme-default/components/VPFlyout.vue
+++ b/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
diff --git a/src/client/theme-default/components/VPHero.vue b/src/client/theme-default/components/VPHero.vue
index f0bf5148..f3094896 100644
--- a/src/client/theme-default/components/VPHero.vue
+++ b/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
diff --git a/src/client/theme-default/components/VPHomeSponsors.vue b/src/client/theme-default/components/VPHomeSponsors.vue
index 38bc9252..102912d5 100644
--- a/src/client/theme-default/components/VPHomeSponsors.vue
+++ b/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
diff --git a/src/client/theme-default/components/VPNavBarMenuGroup.vue b/src/client/theme-default/components/VPNavBarMenuGroup.vue
index afa7716a..f31c6d2c 100644
--- a/src/client/theme-default/components/VPNavBarMenuGroup.vue
+++ b/src/client/theme-default/components/VPNavBarMenuGroup.vue
@@ -1,18 +1,12 @@
 <script lang="ts" setup>
-import { DefaultTheme, useData } from 'vitepress'
-import { isActive } from '../support/utils'
+import { DefaultTheme } from '../config'
 import VPFlyout from './VPFlyout.vue'
 
 defineProps<{
   item: DefaultTheme.NavItemWithChildren
 }>()
-
-const { page } = useData()
 </script>
 
 <template>
-  <VPFlyout
-    :button="item.text"
-    :items="item.items"
-  />
+  <VPFlyout :button="item.text" :items="item.items" />
 </template>
diff --git a/src/client/theme-default/components/VPNavScreenMenuGroup.vue b/src/client/theme-default/components/VPNavScreenMenuGroup.vue
index 140dcec6..d66e02c9 100644
--- a/src/client/theme-default/components/VPNavScreenMenuGroup.vue
+++ b/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)
diff --git a/src/client/theme-default/components/VPNavScreenMenuGroupSection.vue b/src/client/theme-default/components/VPNavScreenMenuGroupSection.vue
index d45a336d..35fa4be3 100644
--- a/src/client/theme-default/components/VPNavScreenMenuGroupSection.vue
+++ b/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<{
diff --git a/src/client/theme-default/components/VPSidebarGroup.vue b/src/client/theme-default/components/VPSidebarGroup.vue
index 7e9b41f6..19890585 100644
--- a/src/client/theme-default/components/VPSidebarGroup.vue
+++ b/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'
diff --git a/src/client/theme-default/components/VPSocialLink.vue b/src/client/theme-default/components/VPSocialLink.vue
index 38ace87a..5b86ccdd 100644
--- a/src/client/theme-default/components/VPSocialLink.vue
+++ b/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
 }>()
diff --git a/src/client/theme-default/components/VPSponsors.vue b/src/client/theme-default/components/VPSponsors.vue
index fe90add9..8c52bf24 100644
--- a/src/client/theme-default/components/VPSponsors.vue
+++ b/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(() => {
diff --git a/src/client/theme-default/components/VPSponsorsGrid.vue b/src/client/theme-default/components/VPSponsorsGrid.vue
index 68790653..c4ecd722 100644
--- a/src/client/theme-default/components/VPSponsorsGrid.vue
+++ b/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
diff --git a/src/client/theme-default/composables/sidebar.ts b/src/client/theme-default/composables/sidebar.ts
index 2aa34a98..dae2a6ab 100644
--- a/src/client/theme-default/composables/sidebar.ts
+++ b/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(() => {
diff --git a/src/client/theme-default/composables/sponsor-grid.ts b/src/client/theme-default/composables/sponsor-grid.ts
index cd356c74..619a02a2 100644
--- a/src/client/theme-default/composables/sponsor-grid.ts
+++ b/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)
   }
 }
 
diff --git a/theme.d.ts b/theme.d.ts
index e18d5bb6..8c2f95a5 100644
--- a/theme.d.ts
+++ b/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