Refactor notes pages

pages/notes/[id].vue

@@ -68,7 +68,7 @@ const submit = async () => {
     if (submitTimeout.value) clearTimeout(submitTimeout.value)
 
     submitTimeout.value = setTimeout(async () => {
-        await submitNote(note.value, { id: route.params.id })
+        await submitNote(note.value, route.params.id)
         isSubmitting.value = false
     }, 1000)
 }

pages/notes/index.vue

@@ -2,37 +2,23 @@
     <App>
         <Header />
         <div class="flex w-full max-w-3xl justify-end gap-4">
-			<ElementButton
+            <ElementButton @click="userSignOut()"
-				@click="userSignOut()"
                 class="group/button flex gap-2 align-middle hover:bg-red-500 hover:text-black">
                 <Icon name="fa6-solid:arrow-right-from-bracket" />
                 <p> Sign Out </p>
             </ElementButton>
-			<ElementButton
+            <ElementButton class="group/button flex gap-2 align-middle hover:bg-blue-500 hover:text-black"
-				class="group/button flex gap-2 align-middle hover:bg-blue-500 hover:text-black"
                 @click="create()">
-				<Icon
+                <Icon v-if="isCreating" name="loading" />
-					v-if="isCreating"
+                <Icon v-if="!isCreating" name="fa6-solid:square-plus" />
-					name="loading" />
-				<Icon
-					v-if="!isCreating"
-					name="fa6-solid:square-plus" />
                 <p> New Note </p>
             </ElementButton>
         </div>
 
-		<div
+        <div class="mx-12 flex h-full w-full max-w-3xl flex-row justify-center gap-4">
-			class="mx-12 flex h-full w-full max-w-3xl flex-row justify-center gap-4 p-2">
+            <div v-if="data" class="flex w-full flex-col gap-4">
-			<div
+                <div v-for="note in data.notes" :key="note.id">
-				v-if="data"
+                    <LazyCardNote :id="note.id" :uuid="note.uuid" :title="note.title ? note.title : 'untitled'"
-				class="flex w-full flex-col gap-4">
-				<div
-					v-for="note in data.notes"
-					:key="note.id">
-					<LazyCardNote
-						:id="note.id"
-						:uuid="note.uuid"
-						:title="note.title ? note.title : 'untitled'"
                         :description="note.description" />
                 </div>
             </div>
@@ -46,7 +32,6 @@
 })
 
 const router = useRouter()
-	const supabase = useSupabaseAuthClient()
 const isCreating = ref<boolean>(false)
 
 const { data: data, refresh } = await useFetch('/api/notes')
@@ -56,10 +41,10 @@
     await useFetch('/api/note/new', {
         onResponse({ response }) {
             console.log(response._data.message)
-				isCreating.value = false
             router.push(`/notes/${response._data.note.uuid}`)
         },
     })
+    isCreating.value = false
 }
 
 onMounted(() => {