Added useNote state in composable

composables/note.ts

@@ -1,4 +1,4 @@
-export const submitNote = async (
+const submitNote = async (
 	note: Note,
 	query: NoteQuery
 ): Promise<ApiResponse> => {
@@ -20,3 +20,8 @@ export const submitNote = async (
 
 	return response
 }
+
+const useNote = () =>
+	useState<Note>('note', () => Object({ title: '', description: '' }))
+
+export { submitNote, useNote }

pages/notes/[id].vue

@@ -56,10 +56,7 @@
 
 	type Comp = 'text' | 'md'
 
-	const note = reactive<Note>({
+	const note = useNote()
-		title: '',
-		description: '',
-	})
 	const route = useRoute()
 	const router = useRouter()
 	const isLoading = ref<Boolean>(false)
@@ -83,8 +80,8 @@
 				router.push('/notes')
 				return
 			}
-			note.title = response._data.note.title
+			note.value.title = response._data.note.title
-			note.description = response._data.note.description
+			note.value.description = response._data.note.description
 		},
 	})