Update Nuxt 3 User Management example

[Shooteger]

Updating package versions, as well as .lock file. Adding .env-example file and set runtimeConfig with supabase key

I have read the CONTRIBUTING.md file.

YES

What kind of change does this PR introduce?

It updates the Nuxt 3 User Management example. Newer packages versions to stay accurate, as well as introduce the usage of .env variables.

What is the current behavior?

What is the new behavior?

Additional context

[vercel]

@Shooteger is attempting to deploy a commit to the Supabase Team on Vercel.

A member of the Team first needs to authorize it.

[Shooteger]

Issue to PR here: #23413

[sergor5]

@Shooteger , I think the handle_new_user function and the trigger of it are missing too.

Could you add it?

https://github.com/supabase/supabase/blob/master/examples/user-management/nextjs-user-management/README.md

create function public.handle_new_user()
returns trigger as $$
begin
  insert into public.profiles (id, username, avatar_url)
  values (new.id, new.raw_user_meta_data->>'username', new.raw_user_meta_data->>'avatar_url');
  return new;
end;
$$ language plpgsql security definer;
create trigger on_auth_user_created
  after insert on auth.users
  for each row execute procedure public.handle_new_user();

[Shooteger]

@Shooteger , I think the handle_new_user function and the trigger of it are missing too.

Could you add it?

https://github.com/supabase/supabase/blob/master/examples/user-management/nextjs-user-management/README.md

create function public.handle_new_user()
returns trigger as $$
begin
  insert into public.profiles (id, username, avatar_url)
  values (new.id, new.raw_user_meta_data->>'username', new.raw_user_meta_data->>'avatar_url');
  return new;
end;
$$ language plpgsql security definer;
create trigger on_auth_user_created
  after insert on auth.users
  for each row execute procedure public.handle_new_user();

Hello, generally updated the Readme file now. Much clearer now and links are updated. PLS check @sergor5

[sergor5]

as we are creating the profiles table with an username column and it is a unique one:

create table profiles (
  id uuid references auth.users not null primary key,
  updated_at timestamp with time zone,
  username text unique,
  full_name text,
  avatar_url text,
  website text,

  constraint username_length check (char_length(username) >= 3)
);

you probably should update this as:

begin
  insert into public.profiles (id, username, full_name, avatar_url)
  values (new.id, new.raw_user_meta_data->>'username', new.raw_user_meta_data->>'full_name', new.raw_user_meta_data->>'avatar_url');
  return new;
end;
$$ language plpgsql security definer;

[sergor5]

also, the table should already be created in the "Database Schema" step. Remove the create part in the Postgres Row level security" section

[sergor5]

You can rename the step sections with a proper number

[sergor5]

After initing the project, the nuxi cli supports auto-installing the modules now as:

npx nuxi module add supabase

so you could make it as the step 2