Authenticating with Supabase and Quasar

Having an application rather than a website means that external hyperlinks, such as the OTP method of signing in via Supabase, will not work out of the box. Handling these issues is a bit too advanced for this chapter, so we’ll opt for signing in via email and password. To have Supabase and our Quasar application integrate nicely, I’m loosely basing our implementation on the following online resource: https://dev.to/tvogel/getting-started-with-supabase-and-quasar-v2-kdo.

The src/boot folder is meant for scripts that need to be executed before we initialize the Vue.js application (https://quasar.dev/quasar-cli-vite/boot-files/). In our case, we need to utilize the boot files because we want to execute logic before we change a route, to see whether a user has access. This means we need to handle our authentication and Supabase client in scripts that are executed before the main scripts of our app.

First, we’ll create...