diff --git a/components/note/NoteListItem.vue b/components/note/NoteListItem.vue
index be9e008..6d73864 100644
--- a/components/note/NoteListItem.vue
+++ b/components/note/NoteListItem.vue
@@ -16,7 +16,7 @@
 <template>
   <li>
     <button :disabled="isActive" :class="isActive ? 'bg-primary' : 'hover:bg-primary/60'" class="p-4 flex w-full gap-2 flex-col items-start text-left" type="button" @click="() => emit('change-current-note-id', noteId)">
-      <div class="line-clamp-1" v-if="title">{{ title }}</div>
+      <div v-if="title" class="line-clamp-1">{{ title }}</div>
       <div v-else>
         Untitled
       </div>
diff --git a/composables/useSignUp.ts b/composables/useSignUp.ts
index 95d3326..85ec6c6 100644
--- a/composables/useSignUp.ts
+++ b/composables/useSignUp.ts
@@ -1,5 +1,3 @@
-import type { AsyncDataRequestStatus } from "#app";
-
 export async function useSignUp(body) {
   const { status: signUpStatus } = await useFetch('/api/user', {
     method: 'POST',
diff --git a/middleware/auth.ts b/middleware/auth.ts
index ac58ab2..66f2dad 100644
--- a/middleware/auth.ts
+++ b/middleware/auth.ts
@@ -1,4 +1,4 @@
-export default defineNuxtRouteMiddleware(async (event) => {
+export default defineNuxtRouteMiddleware(async () => {
   if (import.meta.client) return
 
   const { $verifyJwtToken } = useNuxtApp()
@@ -9,7 +9,7 @@ export default defineNuxtRouteMiddleware(async (event) => {
   }
   try {
     await $verifyJwtToken(jwtCookie.value, process.env.JWT_SECRET as string)
-  } catch(err) {
+  } catch {
     return navigateTo('/signup')
   }
 })
\ No newline at end of file
diff --git a/pages/index.vue b/pages/index.vue
index 8835481..05ae39f 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
   import { useDebounceFn } from '@vueuse/core';
-  import { Plus, Trash2, CircleUser, Home, Menu, ScrollText, Search, Loader2 } from 'lucide-vue-next'
+  import { Plus, Trash2, CircleUser, Menu, ScrollText, Loader2 } from 'lucide-vue-next'
   import type { AsyncDataRequestStatus } from "#app";
 
   definePageMeta({
@@ -166,11 +166,11 @@
             <ScrollText class="h-6 w-6" />
             <span class="">MyNote</span>
           </a>
-          <Button v-if="createNoteStatus === 'pending'" @click="handleCreateNote" variant="outline" size="icon" class="ml-auto h-8 w-8">
+          <Button v-if="createNoteStatus === 'pending'" variant="outline" size="icon" class="ml-auto h-8 w-8" @click="handleCreateNote">
             <Loader2 class="w-4 h-4 animate-spin" />
             <span class="sr-only" aria-live="polite">Creating Note</span>
           </Button>
-          <Button v-else @click="handleCreateNote" variant="outline" size="icon" class="ml-auto h-8 w-8">
+          <Button v-else variant="outline" size="icon" class="ml-auto h-8 w-8" @click="handleCreateNote">
             <Plus class="h-4 w-4" />
             <span class="sr-only">Create Note</span>
           </Button>
@@ -184,7 +184,7 @@
           </div>
           <ol>
             <template v-for="note in notesGroupByCategory['today']" :key="note.id">
-              <NoteListItem :noteId="note.id" :isActive="note.id === currentNoteId" :title="note.text ?? ''" subTitle="Today" @change-current-note-id="(id) => handleChangeCurrentNoteId(id)"></NoteListItem>
+              <NoteListItem :note-id="note.id" :is-active="note.id === currentNoteId" :title="note.text ?? ''" sub-title="Today" @change-current-note-id="(id) => handleChangeCurrentNoteId(id)"/>
             </template>
           </ol>
 
@@ -195,7 +195,7 @@
           </div>
           <ol>
             <template v-for="note in notesGroupByCategory['yesterday']" :key="note.id">
-              <NoteListItem :noteId="note.id" :isActive="note.id === currentNoteId" :title="note.text ?? ''" subTitle="Yesterday" @change-current-note-id="(id) => handleChangeCurrentNoteId(id)"></NoteListItem>
+              <NoteListItem :note-id="note.id" :is-active="note.id === currentNoteId" :title="note.text ?? ''" sub-title="Yesterday" @change-current-note-id="(id) => handleChangeCurrentNoteId(id)"/>
             </template>
           </ol>
           <div class="flex justify-between px-4 py-2 text-sm font-semibold">
@@ -204,7 +204,7 @@
           </div>
           <ol>
             <template v-for="note in notesGroupByCategory['earlier']" :key="note.id">
-              <NoteListItem :noteId="note.id" :isActive="note.id === currentNoteId" :title="note.text ?? ''" :subTitle="new Date(note.updatedAt).toLocaleDateString()" @change-current-note-id="(id) => handleChangeCurrentNoteId(id)"></NoteListItem>
+              <NoteListItem :note-id="note.id" :is-active="note.id === currentNoteId" :title="note.text ?? ''" :sub-title="new Date(note.updatedAt).toLocaleDateString()" @change-current-note-id="(id) => handleChangeCurrentNoteId(id)"/>
             </template>
           </ol>
         </div>
@@ -241,7 +241,7 @@
                   </div>
                   <ol>
                     <template v-for="note in notesGroupByCategory['today']" :key="note.id">
-                      <NoteListItem :noteId="note.id" :isActive="note.id === currentNoteId" :title="note.text ?? ''" subTitle="Today" @change-current-note-id="(id) => handleChangeCurrentNoteId(id)"></NoteListItem>
+                      <NoteListItem :note-id="note.id" :is-active="note.id === currentNoteId" :title="note.text ?? ''" sub-title="Today" @change-current-note-id="(id) => handleChangeCurrentNoteId(id)"/>
                     </template>
                   </ol>
 
@@ -251,7 +251,7 @@
                   </div>
                   <ol>
                     <template v-for="note in notesGroupByCategory['yesterday']" :key="note.id">
-                    <NoteListItem :noteId="note.id" :isActive="note.id === currentNoteId" :title="note.text ?? ''" subTitle="Yesterday" @change-current-note-id="(id) => handleChangeCurrentNoteId(id)"></NoteListItem>
+                    <NoteListItem :note-id="note.id" :is-active="note.id === currentNoteId" :title="note.text ?? ''" sub-title="Yesterday" @change-current-note-id="(id) => handleChangeCurrentNoteId(id)"/>
                     </template>
                   </ol>
                   
@@ -261,7 +261,7 @@
                   </div>
                   <ol>
                     <template v-for="note in notesGroupByCategory['earlier']" :key="note.id">
-                    <NoteListItem :noteId="note.id" :isActive="note.id === currentNoteId" :title="note.text ?? ''" :subTitle="new Date(note.updatedAt).toLocaleDateString()" @change-current-note-id="(id) => handleChangeCurrentNoteId(id)"></NoteListItem>
+                    <NoteListItem :note-id="note.id" :is-active="note.id === currentNoteId" :title="note.text ?? ''" :sub-title="new Date(note.updatedAt).toLocaleDateString()" @change-current-note-id="(id) => handleChangeCurrentNoteId(id)"/>
                     </template>
                   </ol>
                   
@@ -313,7 +313,7 @@
             <time class="mb-8 inline-block">
               Last Updated: {{ new Date(currentNote.updatedAt).toLocaleDateString() }}
             </time>
-            <textarea ref="noteTextarea" v-model="updatedNoteText" @input="handleDebouncedUpdateNote" class="w-full h-full focus:outline-none resize-none">{{ currentNote.text }}</textarea>
+            <textarea ref="noteTextarea" v-model="updatedNoteText" class="w-full h-full focus:outline-none resize-none" @input="handleDebouncedUpdateNote" />
           </div>
         </div>
         
@@ -321,7 +321,7 @@
             <Loader2 class="w-4 h-4 animate-spin" />
             <span aria-live="polite">Deleting Note</span>
         </Button>
-        <Button v-else :disabled="!currentNoteId" @click="handleDeleteNote" variant="outline" size="icon" class="w-full">
+        <Button v-else :disabled="!currentNoteId" variant="outline" size="icon" class="w-full" @click="handleDeleteNote">
           <Trash2 class="h-4 w-4" />
           Delete Note
         </Button>
diff --git a/plugins/jwt.server.ts b/plugins/jwt.server.ts
index cddefaf..3ed9ff3 100644
--- a/plugins/jwt.server.ts
+++ b/plugins/jwt.server.ts
@@ -1,7 +1,7 @@
 import type { PublicKeyInput, JsonWebKeyInput } from 'crypto'
 import jwt from 'jsonwebtoken'
 
-export default defineNuxtPlugin((nuxtApp) => {
+export default defineNuxtPlugin(() => {
   return {
     provide: {
       verifyJwtToken: (token: string, secret: jwt.Secret | PublicKeyInput | Buffer<ArrayBufferLike> | JsonWebKeyInput, options?: jwt.VerifyOptions & { complete: true }) => {
diff --git a/server/api/notes/index.ts b/server/api/notes/index.ts
index 7115344..7b0f043 100644
--- a/server/api/notes/index.ts
+++ b/server/api/notes/index.ts
@@ -4,28 +4,24 @@ import jwt from 'jsonwebtoken'
 import { eq } from 'drizzle-orm';
 
 export default defineEventHandler(async (event) => {
-  try {
-    const cookies = parseCookies(event)
-    const userJwtToken = cookies.userJwtToken
+  const cookies = parseCookies(event)
+  const userJwtToken = cookies.userJwtToken
 
-    if (!userJwtToken) {
-      throw createError({
-        statusCode: 401,
-        message: "Not authorized to access notes"
-      })
-    }
-
-    const decodedToken = await jwt.verify(userJwtToken, process.env.JWT_SECRET as string) as { id: number }
+  if (!userJwtToken) {
+    throw createError({
+      statusCode: 401,
+      message: "Not authorized to access notes"
+    })
+  }
 
+  const decodedToken = await jwt.verify(userJwtToken, process.env.JWT_SECRET as string) as { id: number }
 
-    const targetUser = await db
-      .select()
-      .from(notesTable)
-      .where(eq(notesTable.userId, decodedToken.id))
-    
 
-    return targetUser
-  } catch(err) {
+  const targetUser = await db
+    .select()
+    .from(notesTable)
+    .where(eq(notesTable.userId, decodedToken.id))
+  
 
-  }
+  return targetUser
 })
\ No newline at end of file
diff --git a/server/api/user/signin.post.ts b/server/api/user/signin.post.ts
index 25df78e..72ebc3d 100644
--- a/server/api/user/signin.post.ts
+++ b/server/api/user/signin.post.ts
@@ -1,7 +1,6 @@
 import { db } from '@/src/index'
-import { usersTable } from '@/src/db/schema';
+import { usersTable, usersInsertRequestSchema } from '@/src/db/schema';
 import bcrypt from 'bcryptjs'
-import { usersInsertRequestSchema } from '@/src/db/schema';
 import { readValidatedBody } from "h3";
 import { fromError } from 'zod-validation-error';
 import jwt from 'jsonwebtoken'
@@ -32,7 +31,7 @@ export default defineEventHandler(async (event) => {
     const userJwtToken = jwt.sign({ id: targetUser.id }, process.env.JWT_SECRET as string)
     setCookie(event, 'userJwtToken', userJwtToken)
     setResponseStatus(event, 204)
-  } catch(err) {
+  } catch {
     throw createError({
       statusCode: 401,
       message: "Username or Password is invalid."
diff --git a/server/api/user/signup.post.ts b/server/api/user/signup.post.ts
index 1603918..92a8f39 100644
--- a/server/api/user/signup.post.ts
+++ b/server/api/user/signup.post.ts
@@ -1,8 +1,7 @@
 import { db } from '@/src/index'
-import { usersTable } from '@/src/db/schema';
+import { usersTable, usersInsertRequestSchema } from '@/src/db/schema';
 import bcrypt from 'bcryptjs'
 import type { QueryError } from 'mysql2'
-import { usersInsertRequestSchema } from '@/src/db/schema';
 import { readValidatedBody } from "h3";
 import { fromError } from 'zod-validation-error';
 import jwt from 'jsonwebtoken'