Added title input to notes [id].vue

assets/css/tailwind.css

@@ -14,3 +14,11 @@ body::-webkit-scrollbar,
 #__nuxt::-webkit-scrollbar {
 	@apply hidden;
 }
+
+input {
+	@apply bg-primary border-none p-2;
+}
+
+input:focus {
+	@apply bg-secondary border-none outline-none;
+}

pages/notes/[id].vue

@@ -1,6 +1,9 @@
 <template>
     <NuxtLayout name="edit">
         <template #content>
+            <div class="mb-2 flex w-full">
+                <input type="text" v-model="note.title" placeholder="untitled" @change="submit()" />
+            </div>
             <div class="sticky top-0 flex w-full justify-between">
                 <div @click="toggleComp('text')" class="bg-lightgray w-1/2 p-2 text-center text-xl"
                     :class="{ 'bg-secondary': comp === 'text' }">