Learn how to use Nhost with Vue
todos
.
todos
is available through the auto-generated APIstodos
on the left panel, above New Table.
todos
selected, click on …, followed by Edit Permissions.
You will set permissions for the user
role and actions insert
, select
, update
, and delete
.
user
role and action insert
and set permissions as follows:
files
table is managed by Nhost and is defined on the storage
schema. Click on the dropdown right next to schema.public
and choose schema.storage
.
With the files
table selected, click on …, followed by Edit Permissions.
As before, we want to set permissions for the user
role and actions insert
, select
, delete
.
user
role and action insert
and set permissions as follows:
Nhost project created
Database todos created
Permissions set for todos and files
Magic Link enabled
./src/lib/nhost.js
with the following code to create a Nhost client. Replace <subdomain>
and <region>
with the values for the project you created earlier.
subdomain
and region
can be found in the Nhost Dashboard under Project Info./src/SignIn.vue
for the Sign In component with the following content:
SignIn
and Todos
in place, update ./src/App.vue
to use the new components:
nhost
as a plugin: