Use Typescript for Card component (#128)

* Use Typescript for Card component * Update Card.vue
modrinth · Nov 13, 2023 · 67f77d0 · 67f77d0
1 parent 39e1a80
commit 67f77d0
Showing 1 changed file with 13 additions and 15 deletions.
diff --git 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,