@autenticar-me/vue 0.4.0 → 0.6.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/README.md CHANGED
@@ -59,13 +59,33 @@ app.mount('#app')
59
59
 
60
60
  ### Exemplos de Uso
61
61
 
62
- #### Usando Formulários com Redirecionamento Automático
62
+ #### Usando Botões com Modal (Mais Simples)
63
+
64
+ Os botões abrem modais com os formulários e permitem alternância automática entre login/cadastro:
65
+
66
+ ```vue
67
+ <template>
68
+ <SignInButton redirect="/dashboard" signUpLink="/cadastro" />
69
+ <SignUpButton redirect="/onboarding" signInLink="/login" />
70
+ </template>
71
+
72
+ <script setup>
73
+ import { SignInButton, SignUpButton } from '@autenticar-me/vue'
74
+ </script>
75
+ ```
76
+
77
+ **Comportamento:**
78
+ - **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)
79
+ - **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)
80
+ - Após autenticação bem-sucedida, fecha o modal e redireciona para a rota especificada em `redirect`
81
+
82
+ #### Usando Formulários com Redirecionamento e Navegação
63
83
 
64
84
  ```vue
65
85
  <template>
66
86
  <div class="login-page">
67
87
  <h1>Faça login</h1>
68
- <SignIn redirect="/dashboard" />
88
+ <SignIn redirect="/dashboard" signUpLink="/cadastro" />
69
89
  </div>
70
90
  </template>
71
91
 
@@ -78,7 +98,7 @@ import { SignIn } from '@autenticar-me/vue'
78
98
  <template>
79
99
  <div class="signup-page">
80
100
  <h1>Criar conta</h1>
81
- <SignUp redirect="/onboarding" />
101
+ <SignUp redirect="/onboarding" signInLink="/login" />
82
102
  </div>
83
103
  </template>
84
104
 
@@ -87,6 +107,11 @@ import { SignUp } from '@autenticar-me/vue'
87
107
  </script>
88
108
  ```
89
109
 
110
+ **Props disponíveis:**
111
+ - `redirect` - Rota para redirecionar após login/cadastro bem-sucedido
112
+ - `signUpLink` (SignIn) - Rota para a página de cadastro (ao clicar em "Cadastre aqui")
113
+ - `signInLink` (SignUp) - Rota para a página de login (ao clicar em "Já tem uma conta?")
114
+
90
115
  #### Redirecionamento Customizado
91
116
 
92
117
  ```vue
@@ -1,3 +1,7 @@
1
- declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
1
+ interface Props {
2
+ redirect?: string;
3
+ signUpLink?: string;
4
+ }
5
+ 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>;
2
6
  export default _default;
3
7
  //# sourceMappingURL=SignInButton.vue.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"SignInButton.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Buttons/SignInButton.vue"],"names":[],"mappings":";AA+MA,wBAKG"}
1
+ {"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"}
@@ -1,3 +1,7 @@
1
- declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
1
+ interface Props {
2
+ redirect?: string;
3
+ signInLink?: string;
4
+ }
5
+ 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>;
2
6
  export default _default;
3
7
  //# sourceMappingURL=SignUpButton.vue.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"SignUpButton.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Buttons/SignUpButton.vue"],"names":[],"mappings":";AAwJA,wBAKG"}
1
+ {"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"}
@@ -1,7 +1,11 @@
1
- declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
1
+ interface Props {
2
+ redirect?: string;
3
+ signUpLink?: string;
4
+ }
5
+ declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
2
6
  close: (...args: any[]) => void;
3
- }, string, import('vue').PublicProps, Readonly<{}> & Readonly<{
7
+ }, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
4
8
  onClose?: ((...args: any[]) => any) | undefined;
5
- }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
9
+ }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
6
10
  export default _default;
7
11
  //# sourceMappingURL=SignInModal.vue.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"SignInModal.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Modals/SignInModal.vue"],"names":[],"mappings":";;;;;AAuNA,wBAOG"}
1
+ {"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"}
@@ -1,7 +1,11 @@
1
- declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
1
+ interface Props {
2
+ redirect?: string;
3
+ signInLink?: string;
4
+ }
5
+ declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
2
6
  close: (...args: any[]) => void;
3
- }, string, import('vue').PublicProps, Readonly<{}> & Readonly<{
7
+ }, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
4
8
  onClose?: ((...args: any[]) => any) | undefined;
5
- }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
9
+ }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
6
10
  export default _default;
7
11
  //# sourceMappingURL=SignUpModal.vue.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"SignUpModal.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Modals/SignUpModal.vue"],"names":[],"mappings":";;;;;AAqPA,wBAOG"}
1
+ {"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"}
@@ -1,5 +1,6 @@
1
1
  interface Props {
2
2
  redirect?: string;
3
+ signUpLink?: string;
3
4
  }
4
5
  declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
5
6
  completed: (...args: any[]) => void;
@@ -1 +1 @@
1
- {"version":3,"file":"SignIn.vue.d.ts","sourceRoot":"","sources":["../../src/components/SignIn.vue"],"names":[],"mappings":"AAu0BA,UAAU,KAAK;IACX,QAAQ,CAAC,EAAE,MAAM,CAAA;CACpB;;;;;;;;;;;AA0kBD,wBAQG"}
1
+ {"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"}
@@ -1,5 +1,6 @@
1
1
  interface Props {
2
2
  redirect?: string;
3
+ signInLink?: string;
3
4
  }
4
5
  declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
5
6
  completed: () => any;
@@ -1 +1 @@
1
- {"version":3,"file":"SignUp.vue.d.ts","sourceRoot":"","sources":["../../src/components/SignUp.vue"],"names":[],"mappings":"AAkqBA,UAAU,KAAK;IACX,QAAQ,CAAC,EAAE,MAAM,CAAA;CACpB;;;;;;;;;;;AAmeD,wBAQG"}
1
+ {"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"UserProfile.vue.d.ts","sourceRoot":"","sources":["../../src/components/UserProfile.vue"],"names":[],"mappings":";;;AAksFA,wBAMG"}
1
+ {"version":3,"file":"UserProfile.vue.d.ts","sourceRoot":"","sources":["../../src/components/UserProfile.vue"],"names":[],"mappings":";;;AA6xFA,wBAMG"}