diff --git a/assets/css/tailwind.css b/assets/css/tailwind.css
index a90f074..b5c61c9 100644
--- a/assets/css/tailwind.css
+++ b/assets/css/tailwind.css
@@ -1,4 +1,3 @@
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
-
diff --git a/components/card/Auth.vue b/components/card/Auth.vue
index 2415748..2623531 100644
--- a/components/card/Auth.vue
+++ b/components/card/Auth.vue
@@ -38,41 +38,41 @@
 
 <script setup lang="ts">
 	interface Props {
-		mode: 'login' | 'signup';
+		mode: 'login' | 'signup'
 	}
 
 	interface Credential {
-		email: string;
-		password: string;
-		name?: string;
+		email: string
+		password: string
+		name?: string
 	}
 
 	const credential: Credential = reactive({
 		email: '',
 		password: '',
-	});
+	})
 
 	const props = withDefaults(defineProps<Props>(), {
 		mode: 'login',
-	});
+	})
 
-	const supabase = useSupabaseAuthClient();
+	const supabase = useSupabaseAuthClient()
 
 	const signUp = async (event: Event) => {
 		const { data: user, error } = await supabase.auth.signUp({
 			email: credential.email,
 			password: credential.password,
-		});
-		console.log('user', user);
-		console.log('error', error);
-	};
+		})
+		console.log('user', user)
+		console.log('error', error)
+	}
 
 	const signIn = async (event: Event) => {
 		const { data: user, error } = await supabase.auth.signInWithPassword({
 			email: credential.email,
 			password: credential.password,
-		});
-		console.log('user', user);
-		console.log('error', error);
-	};
+		})
+		console.log('user', user)
+		console.log('error', error)
+	}
 </script>
diff --git a/components/card/Note.vue b/components/card/Note.vue
index 2c22407..6d43f80 100644
--- a/components/card/Note.vue
+++ b/components/card/Note.vue
@@ -35,31 +35,31 @@
 
 <script setup lang="ts">
 	interface Props {
-		id: string | number;
-		uuid: string;
-		title: string;
-		description: string;
+		id: string | number
+		uuid: string
+		title: string
+		description: string
 	}
 
-	const props = defineProps<Props>();
-	const showDetail = ref<boolean>(false);
-	const showOptions = ref<boolean>(false);
+	const props = defineProps<Props>()
+	const showDetail = ref<boolean>(false)
+	const showOptions = ref<boolean>(false)
 
-	const contextMenu = ref();
+	const contextMenu = ref()
 
 	const toggleOptions = () => {
-		showOptions.value = !showOptions.value;
-	};
+		showOptions.value = !showOptions.value
+	}
 
 	const toggleDetail = () => {
-		showDetail.value = !showDetail.value;
-	};
+		showDetail.value = !showDetail.value
+	}
 
 	const noteDetail = (id: string) => {
-		navigateTo(`/notes/${id}`);
-	};
+		navigateTo(`/notes/${id}`)
+	}
 
 	onClickOutside(contextMenu, (event) => {
-		toggleOptions();
-	});
+		toggleOptions()
+	})
 </script>
diff --git a/components/card/Options.vue b/components/card/Options.vue
index 3cbcd43..d443c91 100644
--- a/components/card/Options.vue
+++ b/components/card/Options.vue
@@ -6,8 +6,8 @@
 
 <script setup lang="ts">
 	interface Props {
-		name: string;
+		name: string
 	}
 
-	const props = defineProps<Props>();
+	const props = defineProps<Props>()
 </script>
diff --git a/components/card/Panel.vue b/components/card/Panel.vue
index 8906324..83814d6 100644
--- a/components/card/Panel.vue
+++ b/components/card/Panel.vue
@@ -19,12 +19,12 @@
 
 <script setup lang="ts">
 	interface Props {
-		mode: 'horizontal' | 'vertical';
-		icon: string;
-		title: string;
-		description?: string;
-		data: string | number;
+		mode: 'horizontal' | 'vertical'
+		icon: string
+		title: string
+		description?: string
+		data: string | number
 	}
 
-	const props = defineProps<Props>();
+	const props = defineProps<Props>()
 </script>
diff --git a/components/element/TextArea.client.vue b/components/element/TextArea.client.vue
index 7390b05..a2f5cca 100644
--- a/components/element/TextArea.client.vue
+++ b/components/element/TextArea.client.vue
@@ -10,22 +10,22 @@
 
 <script setup lang="ts">
 	interface Props {
-		modelValue: string;
-		placeholder?: string;
-		row?: number;
+		modelValue: string
+		placeholder?: string
+		row?: number
 	}
 
-	const props = defineProps<Props>();
-	const emit = defineEmits(['update:modelValue']);
+	const props = defineProps<Props>()
+	const emit = defineEmits(['update:modelValue'])
 
-	const data = ref<string>(props.modelValue);
+	const data = ref<string>(props.modelValue)
 
 	const updateData = () => {
-		emit('update:modelValue', data.value);
-	};
+		emit('update:modelValue', data.value)
+	}
 
 	watch(
 		() => props.modelValue,
 		() => (data.value = props.modelValue)
-	);
+	)
 </script>
diff --git a/composables/note.ts b/composables/note.ts
index c9ee26a..bcad8b5 100644
--- a/composables/note.ts
+++ b/composables/note.ts
@@ -6,17 +6,17 @@ export const submitNote = async (
 		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;
+			console.log('POST:', response._data.message)
+			response = response._data
 		},
-	});
+	})
 
-	return response;
-};
+	return response
+}
diff --git a/composables/user.ts b/composables/user.ts
index fd3ce26..efeb920 100644
--- a/composables/user.ts
+++ b/composables/user.ts
@@ -1,18 +1,18 @@
-import { AuthError } from '@supabase/gotrue-js';
+import { AuthError } from '@supabase/gotrue-js'
 
 const returnMain = (): void => {
-	navigateTo('/notes');
-};
+	navigateTo('/notes')
+}
 
 const userSignOut = async (): Promise<AuthError | void> => {
-	const supabase = useSupabaseAuthClient();
+	const supabase = useSupabaseAuthClient()
 
-	const { error } = await supabase.auth.signOut();
+	const { error } = await supabase.auth.signOut()
 
-	if (error) return error;
+	if (error) return error
 
-	returnMain();
-};
+	returnMain()
+}
 
 const userSignIn = async (
 	email: string,
@@ -22,14 +22,14 @@ const userSignIn = async (
 		await useSupabaseAuthClient().auth.signInWithPassword({
 			email: email,
 			password: password,
-		});
+		})
 
-	console.log('user', user);
+	console.log('user', user)
 
-	if (error) return error;
+	if (error) return error
 
-	returnMain();
-};
+	returnMain()
+}
 
 const userSignUp = async (
 	email: string,
@@ -38,13 +38,13 @@ const userSignUp = async (
 	const { data: user, error } = await useSupabaseAuthClient().auth.signUp({
 		email: email,
 		password: password,
-	});
+	})
 
-	console.log('user', user);
+	console.log('user', user)
 
-	if (error) return error;
+	if (error) return error
 
-	returnMain();
-};
+	returnMain()
+}
 
-export { userSignOut, userSignIn, userSignUp };
+export { userSignIn, userSignOut, userSignUp }
diff --git a/middleware/auth.ts b/middleware/auth.ts
index eccc268..e1416a3 100644
--- a/middleware/auth.ts
+++ b/middleware/auth.ts
@@ -1,9 +1,9 @@
 export default defineNuxtRouteMiddleware((to, from) => {
-	const user = useSupabaseUser();
+	const user = useSupabaseUser()
 
 	if (!user.value && to.path.startsWith('/notes')) {
-		return navigateTo('/login');
+		return navigateTo('/login')
 	} else if (user.value && to.path === '/login') {
-		return navigateTo('/notes');
+		return navigateTo('/notes')
 	}
-});
+})