Update api notes.ts return values

pages/notes/index.vue

@@ -16,8 +16,8 @@
         </div>
 
         <div class="mx-12 flex h-full w-full max-w-3xl flex-row justify-center gap-4">
-            <div v-if="data" class="flex w-full flex-col gap-4">
+            <div v-if="notes" class="flex w-full flex-col gap-4">
-                <div v-for="note in data.notes" :key="note.id">
+                <div v-for="note in notes" :key="note.id">
                     <LazyCardNote :id="note.id" :uuid="note.uuid" :title="note.title ? note.title : 'untitled'"
                         :description="note.description" />
                 </div>
@@ -34,7 +34,7 @@ definePageMeta({
 const router = useRouter()
 const isCreating = ref<boolean>(false)
 
-const { data: data, refresh } = await useFetch('/api/notes')
+const { data: notes, refresh } = await useFetch('/api/notes')
 
 const create = async () => {
     isCreating.value = true

server/api/notes.ts

@@ -1,8 +1,8 @@
-import { serverSupabaseUser, serverSupabaseClient } from '#supabase/server'
+import { serverSupabaseServiceRole, serverSupabaseUser } from '#supabase/server'
 
 export default defineEventHandler(async (event) => {
     const user = await serverSupabaseUser(event)
-    const supabase = serverSupabaseClient(event)
+    const supabase = serverSupabaseServiceRole(event)
 
     if (!user) {
         throw createError({ statusCode: 401, message: 'Unauthorized' })
@@ -13,5 +13,9 @@ export default defineEventHandler(async (event) => {
         .select('*')
         .eq('user_id', user.id)
 
-    return { notes: notes, error: error }
+    if (error) {
+        throw createError({ statusCode: 500, message: error })
+    }
+
+    return notes
 })