diff --git a/lib/components/base/Card.vue b/lib/components/base/Card.vue
index afc20605c..a5c8346df 100644
--- a/lib/components/base/Card.vue
+++ b/lib/components/base/Card.vue
@@ -1,22 +1,20 @@
-<script setup>
+<script setup lang="ts">
 import { Button, DropdownIcon } from '@'
 
 import { reactive } from 'vue'
 
-const props = defineProps({
-  collapsible: {
-    type: Boolean,
-    default: false,
-  },
-  defaultCollapsed: {
-    type: Boolean,
-    default: false,
-  },
-  noAutoBody: {
-    type: Boolean,
-    default: false,
-  },
-})
+const props = withDefaults(
+  defineProps<{
+    collapsible: boolean
+    defaultCollapsed: boolean
+    noAutoBody: boolean
+  }>(),
+  {
+    collapsible: false,
+    defaultCollapsed: false,
+    noAutoBody: false,
+  }
+)
 
 const state = reactive({
   collapsed: props.defaultCollapsed,