move submit note to composable

composables/note.ts

@@ -0,0 +1,22 @@
+export const submitNote = async (
+	note: Note,
+	query: NoteQuery
+): Promise<ApiResponse> => {
+	let response: ApiResponse = {
+		status: 200,
+		message: 'Update',
+		error: null,
+	};
+
+	await useFetch('/api/note', {
+		method: 'POST',
+		query,
+		body: note,
+		onResponse({ response }) {
+			console.log('POST:', response._data.message);
+			response = response._data;
+		},
+	});
+
+	return response;
+};

pages/notes/[id].vue

@@ -67,20 +67,8 @@
 
 	const submit = async (note: Note) => {
 		isSubmitting.value = true;
-		await useFetch('/api/note', {
-			method: 'POST',
-			query: {
-				id: route.params.id,
-			},
-			body: {
-				title: note.title,
-				description: note.description,
-			},
-			onResponse({ response }) {
-				isSubmitting.value = false;
-				console.log('POST:', response._data.message);
-			},
-		});
+		await submitNote(note, { id: route.params.id });
+		isSubmitting.value = false;
 	};
 
 	const deleteNote = async () => {

types/global.d.ts

@@ -8,6 +8,10 @@ declare global {
 		description: string;
 	}
 
+	interface NoteQuery {
+		id: number | string | string[];
+	}
+
 	interface ApiResponse {
 		status: number;
 		message: string;