fix(types): add explicit types for composables & remove baseUrl from tsconfig (#404)

Author: th1m0

src/module.ts

@@ -203,8 +203,15 @@ export default defineNuxtModule<ModuleOptions>({
     addTemplate({
       filename: 'types/supabase-database.d.ts',
       getContents: async () => {
-        if (!!options.types && fs.existsSync(await resolvePath(options.types))) {
-          return `export * from '${await resolvePath(options.types)}'`
+        if (options.types) {
+          // resolvePath is used to minify user input error.
+          const path = await resolvePath(options.types)
+          const basePath = await resolvePath('~~') // ~~ should be the base path in a nuxt project.
+
+          if (fs.existsSync(path)) {
+            // we are replacing the basePath with ../.. to move back to the root (~~) directory.
+            return `export * from '${path.replace(basePath, '../..')}'`
+          }
         }
 
         return `export type Database = unknown`

src/runtime/composables/useSupabaseClient.ts

@@ -2,6 +2,6 @@ import type { SupabaseClient } from '@supabase/supabase-js'
 import { useNuxtApp } from '#imports'
 import type { Database } from '#build/types/supabase-database'
 
-export const useSupabaseClient = <T = Database>() => {
+export const useSupabaseClient: <T = Database>() => SupabaseClient<T> = <T = Database>() => {
   return useNuxtApp().$supabase?.client as SupabaseClient<T>
 }

src/runtime/composables/useSupabaseSession.ts

@@ -1,8 +1,8 @@
 import type { Session } from '@supabase/supabase-js'
-import { useState } from '#imports'
+import { useState, type Ref } from '#imports'
 
 /**
  * Reactive `Session` state from Supabase. This is initialized in both client and server plugin
  * and, on the client, also updated through `onAuthStateChange` events.
  */
-export const useSupabaseSession = () => useState<Session | null>('supabase_session', () => null)
+export const useSupabaseSession = (): Ref<Session> => useState<Session | null>('supabase_session', () => null)

src/runtime/composables/useSupabaseUser.ts

@@ -1,8 +1,8 @@
 import type { User } from '@supabase/supabase-js'
-import { useState } from '#imports'
+import { useState, type Ref } from '#imports'
 
 /**
  * Reactive `User` state from Supabase. This is initialized in both client and server plugin
  * and, on the client, also updated through `onAuthStateChange` events.
  */
-export const useSupabaseUser = () => useState<User | null>('supabase_user', () => null)
+export const useSupabaseUser = (): Ref<User> => useState<User | null>('supabase_user', () => null)

tsconfig.json

@@ -2,7 +2,5 @@
   "extends": "./.nuxt/tsconfig.json",
   "compilerOptions": {
     "strictNullChecks": false,
-    "baseUrl": "src"
   }
 }
-