chore(demo): generate database types from supabase cli

Author: larbish

demo/pages/tasks.vue

@@ -1,9 +1,11 @@
 <script setup lang="ts">
+import { Database } from '~~/types/database.types'
+
 definePageMeta({
   middleware: 'auth'
 })
 
-const client = useSupabaseClient()
+const client = useSupabaseClient<Database>()
 const user = useSupabaseUser()
 const loading = ref(false)
 const newTask = ref('')

demo/tsconfig.json

@@ -1,3 +1,6 @@
 {
-  "extends": "./.nuxt/tsconfig.json"
+  "extends": "./.nuxt/tsconfig.json",
+  "compilerOptions": {
+    "strictNullChecks": false
+  }
 }

demo/types/database.types.ts

@@ -0,0 +1,49 @@
+export type Json =
+  | string
+  | number
+  | boolean
+  | null
+  | { [key: string]: Json }
+  | Json[]
+
+export interface Database {
+  public: {
+    Tables: {
+      tasks: {
+        Row: {
+          completed: boolean | null
+          created_at: string | null
+          id: number
+          title: string | null
+          user: string
+        }
+        Insert: {
+          completed?: boolean | null
+          created_at?: string | null
+          id?: number
+          title?: string | null
+          user: string
+        }
+        Update: {
+          completed?: boolean | null
+          created_at?: string | null
+          id?: number
+          title?: string | null
+          user?: string
+        }
+      }
+    }
+    Views: {
+      [_ in never]: never
+    }
+    Functions: {
+      [_ in never]: never
+    }
+    Enums: {
+      [_ in never]: never
+    }
+    CompositeTypes: {
+      [_ in never]: never
+    }
+  }
+}