feat: export more components and helpers

Author: xiaoluoboding

packages/auth/Auth.vue

@@ -8,8 +8,8 @@
   >
     <SocialAuth
       v-if="isSignView"
-      :appearance="appearance"
       :supabaseClient="supabaseClient"
+      :appearance="appearance"
       :providers="providers"
       :providerScopes="providerScopes"
       :queryParams="queryParams"
@@ -21,7 +21,7 @@
     <template v-if="!onlyThirdPartyProviders">
       <EmailAuth
         v-if="authView === 'sign_in' || authView === 'sign_up'"
-        :supabase-client="supabaseClient"
+        :supabaseClient="supabaseClient"
         :appearance="appearance"
         :redirectTo="redirectTo"
         :magicLink="magicLink"
@@ -31,7 +31,7 @@
       />
       <MagicLink
         v-if="authView === 'magic_link'"
-        :supabase-client="supabaseClient"
+        :supabaseClient="supabaseClient"
         :appearance="appearance"
         :redirectTo="redirectTo"
         :showLinks="showLinks"
@@ -42,21 +42,21 @@
   <template v-else>
     <ForgottenPassword
       v-if="authView === 'forgotten_password'"
-      :supabase-client="supabaseClient"
+      :supabaseClient="supabaseClient"
       :appearance="appearance"
       :redirectTo="redirectTo"
       :showLinks="showLinks"
       :i18n="i18n"
     />
     <UpdatePassword
       v-if="authView === 'update_password'"
-      :supabase-client="supabaseClient"
+      :supabaseClient="supabaseClient"
       :appearance="appearance"
       :i18n="i18n"
     />
     <VerifyOtp
       v-if="authView === 'verify_otp'"
-      :supabase-client="supabaseClient"
+      :supabaseClient="supabaseClient"
       :appearance="appearance"
       :otpType="otpType"
       :i18n="i18n"

packages/component.ts

@@ -1,4 +1,7 @@
 export { default as Auth } from './auth/Auth.vue'
+export { default as ForgottenPassword } from './auth/ForgottenPassword.vue'
+export { default as UpdatePassword } from './auth/UpdatePassword.vue'
+export { default as MagicLink } from './auth/MagicLink.vue'
 export {
   default as UserContextProvider,
   useSupabaseUser

packages/index.ts

@@ -1,7 +1,29 @@
 import type { Plugin } from 'vue'
-import { Auth, UserContextProvider, useSupabaseUser } from './component'
+import {
+  Auth,
+  ForgottenPassword,
+  UpdatePassword,
+  MagicLink,
+  UserContextProvider,
+  useSupabaseUser
+} from './component'
+import { injectStrict } from './utils'
+import type {
+  UserContextProviderInjection,
+  UserContextProviderKey
+} from './types'
 
-export { Auth, UserContextProvider, useSupabaseUser }
+export {
+  Auth,
+  ForgottenPassword,
+  UpdatePassword,
+  MagicLink,
+  injectStrict,
+  UserContextProvider,
+  useSupabaseUser,
+  UserContextProviderInjection,
+  UserContextProviderKey
+}
 
 const plugin: Plugin = {
   install(app) {

src/App.vue

@@ -56,7 +56,7 @@
                     }
                   }
                 }"
-                :supabase-client="supabaseClient"
+                :supabaseClient="supabaseClient"
                 :view="view.id"
                 :providers="['github', 'google', 'twitter']"
                 :socialLayout="socialLayout"
@@ -73,7 +73,7 @@
       </section>
       <section class="col-span-12 md:col-span-5 lg:col-span-6">
         <div class="container mx-auto max-w-full sm:max-w-2xl relative">
-          <UserContextProvider :supabase-client="supabaseClient">
+          <UserContextProvider :supabaseClient="supabaseClient">
             <Hero />
           </UserContextProvider>
 

volar.d.ts

@@ -1,7 +1,14 @@
 // Auto generated component declarations
-declare module 'vue' {
+import '@vue/runtime-core'
+
+declare module '@vue/runtime-core' {
   export interface GlobalComponents {
     Auth: typeof import('@nuxtbase/auth-ui-vue')['Auth']
+    ForgottenPassword: typeof import('@nuxtbase/auth-ui-vue')['ForgottenPassword']
+    UpdatePassword: typeof import('@nuxtbase/auth-ui-vue')['UpdatePassword']
+    MagicLink: typeof import('@nuxtbase/auth-ui-vue')['MagicLink']
+    UserContextProvider: typeof import('@nuxtbase/auth-ui-vue')['UserContextProvider']
   }
 }
+
 export {}