@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 +28 -3
- package/dist/components/Buttons/SignInButton.vue.d.ts +5 -1
- package/dist/components/Buttons/SignInButton.vue.d.ts.map +1 -1
- package/dist/components/Buttons/SignUpButton.vue.d.ts +5 -1
- package/dist/components/Buttons/SignUpButton.vue.d.ts.map +1 -1
- package/dist/components/Modals/SignInModal.vue.d.ts +7 -3
- package/dist/components/Modals/SignInModal.vue.d.ts.map +1 -1
- package/dist/components/Modals/SignUpModal.vue.d.ts +7 -3
- package/dist/components/Modals/SignUpModal.vue.d.ts.map +1 -1
- package/dist/components/SignIn.vue.d.ts +1 -0
- package/dist/components/SignIn.vue.d.ts.map +1 -1
- package/dist/components/SignUp.vue.d.ts +1 -0
- package/dist/components/SignUp.vue.d.ts.map +1 -1
- package/dist/components/UserProfile.vue.d.ts.map +1 -1
- package/dist/index.cjs +236 -147
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +236 -147
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -59,13 +59,33 @@ app.mount('#app')
|
|
|
59
59
|
|
|
60
60
|
### Exemplos de Uso
|
|
61
61
|
|
|
62
|
-
#### Usando
|
|
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
|
-
|
|
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":";
|
|
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
|
-
|
|
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":";
|
|
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
|
-
|
|
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<
|
|
7
|
+
}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
|
|
4
8
|
onClose?: ((...args: any[]) => any) | undefined;
|
|
5
|
-
}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions,
|
|
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":"
|
|
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
|
-
|
|
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<
|
|
7
|
+
}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
|
|
4
8
|
onClose?: ((...args: any[]) => any) | undefined;
|
|
5
|
-
}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions,
|
|
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":"
|
|
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 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SignIn.vue.d.ts","sourceRoot":"","sources":["../../src/components/SignIn.vue"],"names":[],"mappings":"
|
|
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 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SignUp.vue.d.ts","sourceRoot":"","sources":["../../src/components/SignUp.vue"],"names":[],"mappings":"
|
|
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":";;;
|
|
1
|
+
{"version":3,"file":"UserProfile.vue.d.ts","sourceRoot":"","sources":["../../src/components/UserProfile.vue"],"names":[],"mappings":";;;AA6xFA,wBAMG"}
|