From 67f77d027a5cad1c807820b94c3031622da049b2 Mon Sep 17 00:00:00 2001
From: Mysterious_Dev <40738104+Mysterious-Dev@users.noreply.github.com>
Date: Mon, 13 Nov 2023 21:05:43 +0100
Subject: [PATCH] Use Typescript for Card component (#128)

* Use Typescript for Card component

* Update Card.vue
---
 lib/components/base/Card.vue | 28 +++++++++++++---------------
 1 file changed, 13 insertions(+), 15 deletions(-)

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,