@autenticar-me/vue 0.3.0 → 0.5.0

package/README.md

@@ -40,9 +40,13 @@ app.mount('#app')
 ### Componentes Disponíveis
 
 #### Botões
-- `SignInButton` - Botão de login
+- `SignInButton` - Botão de login que abre modal
 - `SignOutButton` - Botão de logout
-- `SignUpButton` - Botão de cadastro
+- `SignUpButton` - Botão de cadastro que abre modal
+
+#### Formulários
+- `SignIn` - Formulário de login completo com logo e rodapé
+- `SignUp` - Formulário de cadastro completo com logo e rodapé
 
 #### Layouts
 - `SignedIn` - Wrapper para conteúdo visível apenas para usuários autenticados
@@ -50,11 +54,83 @@ app.mount('#app')
 
 #### Outros
 - `AuthSwitcher` - Alterna entre estados autenticado/não autenticado
-- `SignIn` - Formulário de login completo
-- `SignUp` - Formulário de cadastro completo
 - `UserProfile` - Perfil do usuário
 - `Notification` - Sistema de notificações
 
+### Exemplos de Uso
+
+#### Usando Botões com Modal (Mais Simples)
+
+Os botões abrem modais com os formulários e permitem alternância automática entre login/cadastro:
+
+```vue
+<template>
+  <SignInButton redirect="/dashboard" signUpLink="/cadastro" />
+  <SignUpButton redirect="/onboarding" signInLink="/login" />
+</template>
+
+<script setup>
+import { SignInButton, SignUpButton } from '@autenticar-me/vue'
+</script>
+```
+
+**Comportamento:**
+- **SignInButton**: Abre modal com formulário de login. Se usuário clicar em "Cadastre aqui", alterna para formulário de cadastro dentro do modal (ou navega para `signUpLink` se fornecido)
+- **SignUpButton**: Abre modal com formulário de cadastro. Se usuário clicar em "Já tem uma conta?", alterna para formulário de login dentro do modal (ou navega para `signInLink` se fornecido)
+- Após autenticação bem-sucedida, fecha o modal e redireciona para a rota especificada em `redirect`
+
+#### Usando Formulários com Redirecionamento e Navegação
+
+```vue
+<template>
+  <div class="login-page">
+    <h1>Faça login</h1>
+    <SignIn redirect="/dashboard" signUpLink="/cadastro" />
+  </div>
+</template>
+
+<script setup>
+import { SignIn } from '@autenticar-me/vue'
+</script>
+```
+
+```vue
+<template>
+  <div class="signup-page">
+    <h1>Criar conta</h1>
+    <SignUp redirect="/onboarding" signInLink="/login" />
+  </div>
+</template>
+
+<script setup>
+import { SignUp } from '@autenticar-me/vue'
+</script>
+```
+
+**Props disponíveis:**
+- `redirect` - Rota para redirecionar após login/cadastro bem-sucedido
+- `signUpLink` (SignIn) - Rota para a página de cadastro (ao clicar em "Cadastre aqui")
+- `signInLink` (SignUp) - Rota para a página de login (ao clicar em "Já tem uma conta?")
+
+#### Redirecionamento Customizado
+
+```vue
+<template>
+  <SignIn @completed="handleLogin" />
+</template>
+
+<script setup>
+import { SignIn } from '@autenticar-me/vue'
+import { useRouter } from 'vue-router'
+
+const router = useRouter()
+
+const handleLogin = () => {
+  router.push('/minha-rota')
+}
+</script>
+```
+
 ## Tipos
 
 O pacote exporta tipos TypeScript para:

package/dist/components/Buttons/SignInButton.vue.d.ts

@@ -1,3 +1,7 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+interface Props {
+    redirect?: string;
+    signUpLink?: string;
+}
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;
 //# sourceMappingURL=SignInButton.vue.d.ts.map

package/dist/components/Buttons/SignInButton.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SignInButton.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Buttons/SignInButton.vue"],"names":[],"mappings":";AA+MA,wBAKG"}
+{"version":3,"file":"SignInButton.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Buttons/SignInButton.vue"],"names":[],"mappings":"AA0GA,UAAU,KAAK;IACX,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,UAAU,CAAC,EAAE,MAAM,CAAA;CACtB;;AAsHD,wBAMG"}

package/dist/components/Buttons/SignUpButton.vue.d.ts

@@ -1,3 +1,7 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+interface Props {
+    redirect?: string;
+    signInLink?: string;
+}
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 export default _default;
 //# sourceMappingURL=SignUpButton.vue.d.ts.map

package/dist/components/Buttons/SignUpButton.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SignUpButton.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Buttons/SignUpButton.vue"],"names":[],"mappings":";AAwJA,wBAKG"}
+{"version":3,"file":"SignUpButton.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Buttons/SignUpButton.vue"],"names":[],"mappings":"AAgFA,UAAU,KAAK;IACX,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,UAAU,CAAC,EAAE,MAAM,CAAA;CACtB;;AAyFD,wBAMG"}

package/dist/components/Modals/SignInModal.vue.d.ts

@@ -1,7 +1,11 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+interface Props {
+    redirect?: string;
+    signUpLink?: string;
+}
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     close: (...args: any[]) => void;
-}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
     onClose?: ((...args: any[]) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;
 //# sourceMappingURL=SignInModal.vue.d.ts.map

package/dist/components/Modals/SignInModal.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SignInModal.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Modals/SignInModal.vue"],"names":[],"mappings":";;;;;AAuNA,wBAOG"}
+{"version":3,"file":"SignInModal.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Modals/SignInModal.vue"],"names":[],"mappings":"AA0EA,UAAU,KAAK;IACX,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,UAAU,CAAC,EAAE,MAAM,CAAA;CACtB;;;;;;AAmKD,wBAQG"}

package/dist/components/Modals/SignUpModal.vue.d.ts

@@ -1,7 +1,11 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+interface Props {
+    redirect?: string;
+    signInLink?: string;
+}
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     close: (...args: any[]) => void;
-}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
     onClose?: ((...args: any[]) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;
 //# sourceMappingURL=SignUpModal.vue.d.ts.map

package/dist/components/Modals/SignUpModal.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SignUpModal.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Modals/SignUpModal.vue"],"names":[],"mappings":";;;;;AAqPA,wBAOG"}
+{"version":3,"file":"SignUpModal.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Modals/SignUpModal.vue"],"names":[],"mappings":"AAoFA,UAAU,KAAK;IACX,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,UAAU,CAAC,EAAE,MAAM,CAAA;CACtB;;;;;;AAuLD,wBAQG"}

package/dist/components/SignIn.vue.d.ts

@@ -1,10 +1,14 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+interface Props {
+    redirect?: string;
+    signUpLink?: string;
+}
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     completed: (...args: any[]) => void;
     "sign-up": (...args: any[]) => void;
-}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
     onCompleted?: ((...args: any[]) => any) | undefined;
     "onSign-up"?: ((...args: any[]) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     emailInput: HTMLInputElement;
     passwordInput: HTMLInputElement;
 }, any>;

package/dist/components/SignIn.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SignIn.vue.d.ts","sourceRoot":"","sources":["../../src/components/SignIn.vue"],"names":[],"mappings":";;;;;;;;;;AAi3CA,wBAOG"}
+{"version":3,"file":"SignIn.vue.d.ts","sourceRoot":"","sources":["../../src/components/SignIn.vue"],"names":[],"mappings":"AAs1BA,UAAU,KAAK;IACX,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,UAAU,CAAC,EAAE,MAAM,CAAA;CACtB;;;;;;;;;;;AA4lBD,wBAQG"}

package/dist/components/SignUp.vue.d.ts

@@ -1,10 +1,14 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+interface Props {
+    redirect?: string;
+    signInLink?: string;
+}
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     completed: () => any;
     "sign-in": () => any;
-}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
     onCompleted?: (() => any) | undefined;
     "onSign-in"?: (() => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     firstNameInput: HTMLInputElement;
     emailInput: HTMLInputElement;
 }, any>;

package/dist/components/SignUp.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SignUp.vue.d.ts","sourceRoot":"","sources":["../../src/components/SignUp.vue"],"names":[],"mappings":";;;;;;;;;;AAqmCA,wBAOG"}
+{"version":3,"file":"SignUp.vue.d.ts","sourceRoot":"","sources":["../../src/components/SignUp.vue"],"names":[],"mappings":"AAgrBA,UAAU,KAAK;IACX,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,UAAU,CAAC,EAAE,MAAM,CAAA;CACtB;;;;;;;;;;;AAgfD,wBAQG"}