add basic crud frontend for clients, tags and projects

resources/js/Components/Common/Member/MemberTable.vue

@@ -0,0 +1,28 @@
+<script setup lang="ts">
+import { ref } from 'vue';
+import { storeToRefs } from 'pinia';
+import ClientCreateModal from '@/Components/Common/Client/ClientCreateModal.vue';
+import MemberTableHeading from '@/Components/Common/Member/MemberTableHeading.vue';
+import MemberTableRow from '@/Components/Common/Member/MemberTableRow.vue';
+import { useMembersStore } from '@/utils/useMembers';
+
+const { members } = storeToRefs(useMembersStore());
+const createClient = ref(false);
+</script>
+
+<template>
+    <ClientCreateModal v-model:show="createClient"></ClientCreateModal>
+    <div class="flow-root">
+        <div class="inline-block min-w-full align-middle">
+            <div
+                data-testid="client_table"
+                class="grid min-w-full divide-y divide-row-separator border-b border-row-separator"
+                style="grid-template-columns: 1fr 1fr 180px 180px 150px 80px">
+                <MemberTableHeading></MemberTableHeading>
+                <template v-for="member in members" :key="member.id">
+                    <MemberTableRow :member="member"></MemberTableRow>
+                </template>
+            </div>
+        </div>
+    </div>
+</template>