added props

2025-02-21 23:12:06 +03:30
parent cac03d4a3f
commit b398018d1a
1 changed files with 18 additions and 6 deletions
@@ -1,4 +1,14 @@
-<script setup lang="ts"></script>
+<script setup lang="ts">
+// types
+
+type Props = {
+    data: Ticket;
+};
+
+// props
+
+defineProps<Props>();
+</script>

 <template>
    <tr
@@ -8,13 +18,15 @@
            scope="row"
            class="w-3/12 px-6 py-6 font-medium whitespace-nowrap text-black"
        >
-            Apple MacBook Pro 17
+            {{ data.ticket_category }}
        </td>
-        <td class="w-3/12 px-6 py-6">Silver</td>
-        <td class="w-3/12 px-6 py-6">Laptop</td>
-        <td class="w-2/12 px-6 py-6">$2999</td>
+        <td class="w-3/12 px-6 py-6">{{ data.subject }}</td>
+        <td class="w-3/12 px-6 py-6">{{ data.created_at }}</td>
+        <td class="w-2/12 px-6 py-6">{{ data.status }}</td>
        <td class="w-1/12 px-6 py-6">
-            <NuxtLink :to="{ name: 'profile-tickets-id', params: { id: 1 } }">
+            <NuxtLink
+                :to="{ name: 'profile-tickets-id', params: { id: data.id } }"
+            >
                <button
                    class="size-10 flex-center border border-slate-200 rounded-md"
                >