first commit

store/Card.ts

@@ -0,0 +1,26 @@
+import { defineStore } from "pinia";
+import type { Card } from "~/types/Card";
+
+export const useCardStore = defineStore("cardStore", {
+  state: () => ({
+    collections: [] as string[],
+    cards: [] as Card[],
+  }),
+  actions: {
+    async fetchCollections() {
+      const { data: collections } =
+        await useFetch<string[]>("/api/collections");
+      this.collections = collections.value ?? [];
+    },
+    async fetchCardsByCollection(collectionName: string) {
+      const response = useFetch<Card[]>(`/api/cards/${collectionName}`);
+      this.cards = response.data.value ?? [];
+    },
+    removeCard(id: number) {
+      const index = this.cards.findIndex((card) => card.id === id);
+      if (index !== -1) {
+        this.cards.splice(index, 1);
+      }
+    },
+  },
+});