diff --git a/components/app/nav-bar.vue b/components/app/nav-bar.vue index 0b78093..17f2605 100644 --- a/components/app/nav-bar.vue +++ b/components/app/nav-bar.vue @@ -1,20 +1,182 @@ + + \ No newline at end of file + + + + diff --git a/components/player.vue b/components/player.vue index 63ef305..a3b231a 100644 --- a/components/player.vue +++ b/components/player.vue @@ -18,13 +18,12 @@ - \ No newline at end of file diff --git a/pages/login/index.vue b/pages/login/index.vue new file mode 100644 index 0000000..a781892 --- /dev/null +++ b/pages/login/index.vue @@ -0,0 +1,22 @@ + + diff --git a/pages/players/[id].vue b/pages/players/[id].vue index 090819a..59ed528 100644 --- a/pages/players/[id].vue +++ b/pages/players/[id].vue @@ -2,27 +2,30 @@ import type { Player } from '~/types/Player' const route = useRoute() - const config = useRuntimeConfig() - const playerId = route.params.id - const { data, pending, error } = await useFetch( - `${config.public.supabaseUrl}/players?select=*,rarity!inner(*)&id=eq.${playerId}`, + const user = useSupabaseUser() + const client = useSupabaseClient() + + console.log('current user:', user) + + const { data: player, pending, error } = await useAsyncData( + 'players', + async () => { + const { data } = await client.from('players') + .select('*,rarity!inner(*)') + .eq('id', playerId) + .single() + + console.log(`player:`, data) + return data + }, { - method: 'GET', - headers: { - apikey: config.public.supabaseKey - }, + lazy: true, server: false } ) - const player = computed(() => data.value?.[0] ?? null) - - console.log('data:') - console.log(data) - console.log('player: ') - console.log(player)