current init

frontend/src/stores/categories.js

@@ -0,0 +1,34 @@
+import { defineStore } from 'pinia'
+import { ref } from 'vue'
+import * as api from '../services/api'
+
+export const useCategoriesStore = defineStore('categories', () => {
+  const items = ref([])
+  const loaded = ref(false)
+
+  async function fetchCategories(force = false) {
+    if (loaded.value && !force) return
+    items.value = await api.getCategories()
+    loaded.value = true
+  }
+
+  async function addCategory(data) {
+    const category = await api.createCategory(data)
+    items.value.push(category)
+    return category
+  }
+
+  async function editCategory(id, data) {
+    const updated = await api.updateCategory(id, data)
+    const index = items.value.findIndex((c) => c.id === id)
+    if (index !== -1) items.value[index] = updated
+    return updated
+  }
+
+  async function removeCategory(id) {
+    await api.deleteCategory(id)
+    items.value = items.value.filter((c) => c.id !== id)
+  }
+
+  return { items, loaded, fetchCategories, addCategory, editCategory, removeCategory }
+})