chore(vue): Expose initialValues prop within <SignInButton /> and…

… `<SignUpButton />` (#4801)
clerk · Dec 18, 2024 · aeb5855 · aeb5855
1 parent c9da046
commit aeb5855
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 3 deletions.
diff --git a/.changeset/shiny-pandas-love.md b/.changeset/shiny-pandas-love.md
@@ -0,0 +1,5 @@
+---
+"@clerk/vue": patch
+---
+
+Add `initialValues` option to `<SignInButton />` and `<SignUpButton />` components.
diff --git a/packages/vue/src/components/SignInButton.ts b/packages/vue/src/components/SignInButton.ts
@@ -6,7 +6,7 @@ import { assertSingleChild, normalizeWithDefaultValue } from '../utils';
 
 type SignInButtonProps = Pick<
   SignInProps,
-  'fallbackRedirectUrl' | 'forceRedirectUrl' | 'signUpForceRedirectUrl' | 'signUpFallbackRedirectUrl'
+  'fallbackRedirectUrl' | 'forceRedirectUrl' | 'signUpForceRedirectUrl' | 'signUpFallbackRedirectUrl' | 'initialValues'
 >;
 
 export const SignInButton = defineComponent(
@@ -42,6 +42,13 @@ export const SignInButton = defineComponent(
     };
   },
   {
-    props: ['signUpForceRedirectUrl', 'signUpFallbackRedirectUrl', 'fallbackRedirectUrl', 'forceRedirectUrl', 'mode'],
+    props: [
+      'signUpForceRedirectUrl',
+      'signUpFallbackRedirectUrl',
+      'fallbackRedirectUrl',
+      'forceRedirectUrl',
+      'mode',
+      'initialValues',
+    ],
   },
 );
diff --git a/packages/vue/src/components/SignUpButton.ts b/packages/vue/src/components/SignUpButton.ts
@@ -8,7 +8,7 @@ type SignUpButtonProps = {
   unsafeMetadata?: SignUpUnsafeMetadata;
 } & Pick<
   SignUpProps,
-  'fallbackRedirectUrl' | 'forceRedirectUrl' | 'signInForceRedirectUrl' | 'signInFallbackRedirectUrl'
+  'fallbackRedirectUrl' | 'forceRedirectUrl' | 'signInForceRedirectUrl' | 'signInFallbackRedirectUrl' | 'initialValues'
 >;
 
 export const SignUpButton = defineComponent(
@@ -51,6 +51,7 @@ export const SignUpButton = defineComponent(
       'fallbackRedirectUrl',
       'forceRedirectUrl',
       'mode',
+      'initialValues',
     ],
   },
 );