init: Todo Monitor

frontend/src/stores/notes.ts

@@ -0,0 +1,41 @@
+import { defineStore } from 'pinia'
+import { shallowRef } from 'vue'
+import type { Note, CreateNotePayload, UpdateNotePayload } from '@/types/note'
+import { api } from '@/utils/api'
+
+export const useNotesStore = defineStore('notes', () => {
+  const notes = shallowRef<Note[]>([])
+  const loading = shallowRef(false)
+
+  async function fetchNotes() {
+    loading.value = true
+    try {
+      notes.value = await api.get<Note[]>('/notes')
+    } finally {
+      loading.value = false
+    }
+  }
+
+  async function createNote(payload: CreateNotePayload = {}) {
+    const note = await api.post<Note>('/notes', payload)
+    notes.value = [note, ...notes.value]
+    return note
+  }
+
+  async function updateNote(id: number, payload: UpdateNotePayload) {
+    const updated = await api.put<Note>(`/notes/${id}`, payload)
+    notes.value = notes.value.map((n) => (n.id === id ? updated : n))
+    return updated
+  }
+
+  async function deleteNote(id: number) {
+    await api.delete(`/notes/${id}`)
+    notes.value = notes.value.filter((n) => n.id !== id)
+  }
+
+  function getNote(id: number): Note | undefined {
+    return notes.value.find((n) => n.id === id)
+  }
+
+  return { notes, loading, fetchNotes, createNote, updateNote, deleteNote, getNote }
+})