protocol base views

src/components/admin/club/protocol/ProtocolListItem.vue

@@ -0,0 +1,27 @@
+<template>
+  <div class="flex flex-col h-fit w-full border border-primary rounded-md">
+    <RouterLink
+      :to="{ name: 'admin-club-protocol-overview', params: { protocolId: protocol.id } }"
+      class="bg-primary p-2 text-white flex flex-row justify-between items-center"
+    >
+      <p>{{ protocol.title }}</p>
+    </RouterLink>
+    <div class="p-2">
+      <p>Infos</p>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { defineComponent, type PropType } from "vue";
+import { mapState, mapActions } from "pinia";
+import type { ProtocolViewModel } from "../../../../viewmodels/admin/protocol.models";
+</script>
+
+<script lang="ts">
+export default defineComponent({
+  props: {
+    protocol: { type: Object as PropType<ProtocolViewModel>, default: {} },
+  },
+});
+</script>