supabase.io Scheme

[scottrobertson]

Over the last day, I have been working on some simple ways to make it easier to use supabase.io inside Vue + Nuxt. For example:

• https://github.com/scottrobertson/vue-supabase
• https://github.com/scottrobertson/nuxt-supabase

I was thinking of putting together a Nuxt Auth Scheme for Supabase too.

Would anyone be interested in this? I am pretty new to JS app development, so I will probably need some help in code reviews etc to make sure I am sticking to your standards etc.

You can see the supabase auth docs here: https://supabase.io/docs/client/auth-signin

Here is a super simple version of what I am thinking of:

import { LocalScheme } from '~auth/runtime'

export default class SupabaseScheme extends LocalScheme {
  async fetchUser () {
    const supabase = this.$auth.ctx.$supabase.auth

    if (!supabase.user()) {
      return
    }

    this.$auth.setUser(supabase.user())
  }

  async logout() {
    const supabase = this.$auth.ctx.$supabase.auth
    await supabase.signOut()
    return this.$auth.reset()
  }

  reset() {
    this.$auth.setUser(false)
  }

  async login(options) {
    const supabase = this.$auth.ctx.$supabase.auth
    const { user, error } = await supabase.signIn(options)

    if (error) {
      this.$auth.callOnError(error)
      return Promise.reject(error)
    }

    this.$auth.setUser(user)
  }

  check() {
    const supabase = this.$auth.ctx.$supabase.auth

    const response = {
      valid: supabase.user() !== undefined,
      tokenExpired: false
    }

    return response
  }
}