diff --git a/frontend/src/components/pages/Client.vue b/frontend/src/components/pages/Client.vue
index 5e24698..53cdba0 100644
--- a/frontend/src/components/pages/Client.vue
+++ b/frontend/src/components/pages/Client.vue
@@ -4,17 +4,17 @@
 <script setup>
 import { onMounted, ref } from "vue";
 const client = ref({});
-defineProps({
-	clientId: String,
+const { clientName } = defineProps({
+	clientName: { type: String, required: true },
 });
 
 onMounted(() => {
-	if (clientId === "new") {
+	if (clientName === "new") {
 		// Logic for creating a new client
 		console.log("Creating a new client");
 	} else {
 		// Logic for fetching and displaying existing client data
-		console.log("Fetching data for client ID:", clientId);
+		console.log("Fetching data for client ID:", clientName);
 	}
 });
 </script>