Generated TypeScript Types - Add type safe to Tables

[JediPixels]

I Generated the TypeScript Types for the Database by following the instructions at https://supabase.com/docs/guides/api/rest/generating-types and initialized it:

const supabase = createClient<Database>(process.env.SUPABASE_URL, process.env.SUPABASE_ANON_KEY)

Then I retrieve the records from the database:
const { data } = await supabase.from(‘contacts’).select(‘*’)

I was using interface models like this:

export interface ContactsModel {
  id: string;
  name: string;
}

But now I would like to use the new Generated TypeScript Types to assign data to a Vue 3 TypeScript ref()

Before:

const state = ref({
 contactsList: [{} as ContactsModel]
})

After with Generated TypeScript Types:

const state = ref({
 contactsList: [{} as Tables<‘contacts’>]
})

Is this the correct way of doing this with Generated TypeScript Types? It seems that using Tables<‘contacts’> and manually typing the contacts name could cause issues if misspelled. Imagine this being used in many, many places in the app.

The following is an example of how I am using them:

export type TableContacts = Tables<‘contacts’>
export type TableLocations = Tables<'locations'>
export type TableCertifications = Tables<'certifications'>

Feature Request

It would be nicer if we could do something like this instead, this way there would be no misspells:
Tables.Contacts instead of Tables<'contacts'>

Thanks