Magic Link 401 - NUXT
Thank in advance for any help! I am trying to implement a simple "magic link" flow using Nuxt (hosted on Netlify). Currently, I am simply using the Supabase hosted Auth dashboard to send a magic link (by clicking the 'send magic link') button for some of my test users. The user's are successfully getting a link sent to their email, with a magic link. However when they redirect back to my web app, the Supabase client is not acknowledging any user, and the test users are getting a 401 in their console. See below for more context, I assume I am just missing something obvious, and would appreciate any help 
In my web app:
const supabase = useSupabaseClient<Database>();
const user = useSupabaseUser();
console.log("user", user.value); <- value is just a vue thing cause this is a ref
In the console:
-> user: null
-> Failed to load resource: the server responded with a status of 401 () {
message: "No API key found in request",
hint: "No
}
-> Error: A listener indicated an asynchronous response by returning true, but the message channel closed before a response was received
In my web app:
const supabase = useSupabaseClient<Database>();
const user = useSupabaseUser();
console.log("user", user.value); <- value is just a vue thing cause this is a ref
In the console:
-> user: null
-> Failed to load resource: the server responded with a status of 401 () {
message: "No API key found in request",
hint: "No
apikey request header or url param was found."}
-> Error: A listener indicated an asynchronous response by returning true, but the message channel closed before a response was received
