🛠️: refactor props definition in TextShort

ahmedhamidawan · Feb 8, 2024 · 752e6b2 · 752e6b2
1 parent 535f8e9
commit 752e6b2
Showing 1 changed file with 8 additions and 9 deletions.
diff --git a/client/src/components/Common/TextShort.vue b/client/src/components/Common/TextShort.vue
@@ -1,16 +1,15 @@
 <script setup lang="ts">
 import { computed } from "vue";
 
-const props = defineProps({
-    text: {
-        type: String,
-        required: true,
-    },
-    maxLength: {
-        type: Number,
-        default: 24,
-    },
+interface Props {
+    text: string;
+    maxLength?: number;
+}
+
+const props = withDefaults(defineProps<Props>(), {
+    maxLength: 24,
 });
+
 const text = computed(() => {
     if (props.text.length > props.maxLength) {
         const partialText = props.text.slice(0, props.maxLength);