Merge pull request #42 from auguzsto/fix-required-form-signin

fix: required form signup
menthorlabs · Feb 8, 2024 · 69d10bf · 69d10bf
2 parents e73de8a + 2688e06
commit 69d10bf
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 4 deletions.
diff --git a/apps/app/pages/sign-up.vue b/apps/app/pages/sign-up.vue
@@ -85,11 +85,12 @@ async function clerkOAuth(strategy) {
         @click="clerkOAuth('oauth_google')"
       />
     </div>
-    <MForm>
+    <MForm @submit="createAccount()">
       <MTextField
         class="mb-4"
         label="Email"
         type="email"
+        required
         v-model="email"
         :rules="['email']"
       />
@@ -98,14 +99,15 @@ async function clerkOAuth(strategy) {
         label="Senha"
         type="password"
         v-model="password"
+        required
         :rules="['password']"
       />
       <MButton
         variant="secondary"
         class="mb-4 w-full"
         text="Criar conta"
         icon-right="arrow-right"
-        @click="createAccount()"
+        type="submit"
         :loading="loading"
       />
     </MForm>

diff --git a/apps/app/stores/clerk/signUp.ts b/apps/app/stores/clerk/signUp.ts
@@ -9,8 +9,8 @@ export const useSignUpStore = defineStore("signUp", {
       emailAddress,
       password,
     }: {
-      emailAddress: string;
-      password: string;
+      emailAddress: string | null;
+      password: string | null;
     }) {
       this.signUp = await this.$clerk.client.signUp.create({
         emailAddress,