reformat with new prettier config

assets/css/tailwind.css

@@ -1,4 +1,3 @@
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
-

components/card/Auth.vue

@@ -38,41 +38,41 @@
 
 <script setup lang="ts">
 	interface Props {
-		mode: 'login' | 'signup';
+		mode: 'login' | 'signup'
 	}
 
 	interface Credential {
-		email: string;
+		email: string
-		password: string;
+		password: string
-		name?: 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('user', user)
-		console.log('error', error);
+		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('user', user)
-		console.log('error', error);
+		console.log('error', error)
-	};
+	}
 </script>

components/card/Note.vue

@@ -35,31 +35,31 @@
 
 <script setup lang="ts">
 	interface Props {
-		id: string | number;
+		id: string | number
-		uuid: string;
+		uuid: string
-		title: string;
+		title: string
-		description: string;
+		description: string
 	}
 
-	const props = defineProps<Props>();
+	const props = defineProps<Props>()
-	const showDetail = ref<boolean>(false);
+	const showDetail = ref<boolean>(false)
-	const showOptions = 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>

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>

components/card/Panel.vue

@@ -19,12 +19,12 @@
 
 <script setup lang="ts">
 	interface Props {
-		mode: 'horizontal' | 'vertical';
+		mode: 'horizontal' | 'vertical'
-		icon: string;
+		icon: string
-		title: string;
+		title: string
-		description?: string;
+		description?: string
-		data: string | number;
+		data: string | number
 	}
 
-	const props = defineProps<Props>();
+	const props = defineProps<Props>()
 </script>

components/element/TextArea.client.vue

@@ -10,22 +10,22 @@
 
 <script setup lang="ts">
 	interface Props {
-		modelValue: string;
+		modelValue: string
-		placeholder?: string;
+		placeholder?: string
-		row?: number;
+		row?: number
 	}
 
-	const props = defineProps<Props>();
+	const props = defineProps<Props>()
-	const emit = defineEmits(['update:modelValue']);
+	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>

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);
+			console.log('POST:', response._data.message)
-			response = response._data;
+			response = response._data
 		},
-	});
+	})
 
-	return response;
+	return response
-};
+}

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 }

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')
 	}
-});
+})