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

Co-authored-by: Eduardo San Martin Morote <posva@users.noreply.github.com>

diff --git a/packages/docs/.vitepress/theme/components/HomeSponsorsGroup.vue b/packages/docs/.vitepress/theme/components/HomeSponsorsGroup.vue
index 8e876c6f679ff8ac74261ef8ea3e75dc25cff2e2..b7a875bb6c963b4bbb8a1d7ed0fea136d3492860 100644 (file)
--- a/packages/docs/.vitepress/theme/components/HomeSponsorsGroup.vue
+++ b/packages/docs/.vitepress/theme/components/HomeSponsorsGroup.vue
@@ -31,21 +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()
+const props = withDefaults(
+  defineProps<{
+    name: 'Gold' | 'Platinum' | 'Silver' | 'Bronze'
+    size?: number | string
+  }>(),
+  {
+    size: 140,
+  }
+)
 
-const props = defineProps({
-  name: {
-    type: String as PropType<'Gold' | 'Platinum' | 'Silver' | 'Bronze'>,
-    required: true,
-  },
-  size: {
-    type: [Number, String],
-    default: 140,
-  },
-})
+const { isDark } = useData()
 
 const list = computed(() =>
   sponsors[props.name.toLowerCase()].map((sponsor) => ({