Moved delete note to composable

composables/note.ts

@@ -29,6 +29,23 @@ const submitNote = async (note: unknown, noteId: string | string[]) => {
     return response
 }
 
+const deleteNote = async (noteId: string | string[]) => {
+    let response
+
+    await useFetch('/api/note', {
+        method: 'DELETE',
+        query: {
+            id: noteId,
+        },
+        onResponse({ response }) {
+            console.log('DELETE:', response._data.message)
+            response = response._data
+        },
+    })
+
+    return response
+}
+
 type Note = z.infer<typeof noteSchema>
 
 const useNote = () =>
@@ -36,4 +53,4 @@ const useNote = () =>
 
 const useDescription = () => useState<string>('description', () => '')
 
-export { submitNote, useNote, useDescription }
+export { deleteNote, submitNote, useDescription, useNote }

pages/notes/[id].vue

@@ -76,19 +76,12 @@ const submit = async () => {
     }, 1000)
 }
 
-const deleteNote = async () => {
+const remove = async () => {
     isDeleting.value = true
-    await useFetch('/api/note', {
+
-        method: 'DELETE',
+    await deleteNote(route.params.id)
-        query: {
+
-            id: route.params.id,
+    isDeleting.value = false
-        },
-        onResponse({ response }) {
-            isDeleting.value = false
-            console.log('DELETE:', response._data.message)
-            router.push('/notes')
-        },
-    })
 }
 
 onMounted(() => {