From 752e6b2c264d933ef31e60d30f2d4d6e539b5242 Mon Sep 17 00:00:00 2001
From: Alireza Heidari <itisalirh@gmail.com>
Date: Thu, 8 Feb 2024 16:41:43 +0100
Subject: [PATCH] =?UTF-8?q?=F0=9F=9B=A0=EF=B8=8F:=20refactor=20props=20def?=
 =?UTF-8?q?inition=20in=20`TextShort`?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 client/src/components/Common/TextShort.vue | 17 ++++++++---------
 1 file changed, 8 insertions(+), 9 deletions(-)

diff --git a/client/src/components/Common/TextShort.vue b/client/src/components/Common/TextShort.vue
index 00d32e2dbdfe..012c770c6137 100644
--- 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);