chore: defining default values for Props using withDefaults (#1880)

[skip ci]

diff --git a/packages/docs/.vitepress/theme/components/HomeSponsorsGroup.vue b/packages/docs/.vitepress/theme/components/HomeSponsorsGroup.vue
index 8e876c6f679ff8ac74261ef8ea3e75dc25cff2e2..3ec29135fa2b6486e70f40033a1b826c282670d4 100644 (file)
--- a/packages/docs/.vitepress/theme/components/HomeSponsorsGroup.vue
+++ b/packages/docs/.vitepress/theme/components/HomeSponsorsGroup.vue
@@ -31,22 +31,19 @@
 <script setup lang="ts">
 import sponsors from './sponsors.json'
 import { computed } from 'vue'
-import type { PropType } from 'vue'
 import { useData } from 'vitepress'
 
-const { isDark } = useData()
+interface Props {
+  name: 'Gold' | 'Platinum' | 'Silver' | 'Bronze'
+  size?: number | string
+}
 
-const props = defineProps({
-  name: {
-    type: String as PropType<'Gold' | 'Platinum' | 'Silver' | 'Bronze'>,
-    required: true,
-  },
-  size: {
-    type: [Number, String],
-    default: 140,
-  },
+const props = withDefaults(defineProps<Props>(), {
+  size: 140,
 })
 
+const { isDark } = useData()
+
 const list = computed(() =>
   sponsors[props.name.toLowerCase()].map((sponsor) => ({
     ...sponsor,