jbourdon/social-media
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore(pack): optimize dependencies, reduce bundle size

Browse Source
This commit is contained in:
Jonathan Bourdon
2025-06-05 13:52:05 -04:00
parent 74323247c9
commit 31ba18fa8d
145 changed files with 992 additions and 15921 deletions
Download Patch File Download Diff File Expand all files Collapse all files

60
frontend/src/views/RegisterView.vue
View File

@@ -1,60 +1,31 @@
<template>
<div class="flex min-h-full justify-center items-center p-20 w-full">
<div class="flex min-h-full w-full items-center justify-center p-20">
<div class="card justify-items-center">
<img :alt="t('alt')"
src="/images/hutopymedia/loginpage/hutopylogin.svg"/>
<img :alt="t('alt')" src="/images/hutopymedia/loginpage/hutopylogin.svg" />
<div class="flex flex-col gap-10">
<h1 class="text-2xl font-bold login-text text-center ">
<h1 class="login-text text-center text-2xl font-bold ">
{{ t('title') }}
</h1>
<v-form @submit.prevent="handleRegister">
<div class="flex flex-col gap-4">
<v-text-field
v-model="name"
:label="t('name')"
required
></v-text-field>
<v-text-field v-model="name" :label="t('name')" required></v-text-field>
<v-text-field
v-model="email"
:label="t('email')"
type="email"
required
></v-text-field>
<v-text-field v-model="email" :label="t('email')" type="email" required></v-text-field>
<v-text-field
v-model="password"
:label="t('password')"
:type="showPassword ? 'text' : 'password'"
required
:hint="t('passwordRequirements')"
>
<v-text-field v-model="password" :label="t('password')" :type="showPassword ? 'text' : 'password'" required
:hint="t('passwordRequirements')">
<template v-slot:append-inner>
<v-icon
@click="showPassword = !showPassword"
class="visibility-toggle"
size="small"
>
{{ showPassword ? 'mdi-eye-off' : 'mdi-eye' }}
</v-icon>
<v-icon @click="showPassword = !showPassword" class="visibility-toggle" size="small"
:icon="showPassword ? mdiEyeOff : mdiEye" />
</template>
</v-text-field>
<v-text-field
v-model="confirmPassword"
:label="t('confirmPassword')"
:type="showConfirmPassword ? 'text' : 'password'"
required
>
<v-text-field v-model="confirmPassword" :label="t('confirmPassword')"
:type="showConfirmPassword ? 'text' : 'password'" required>
<template v-slot:append-inner>
<v-icon
@click="showConfirmPassword = !showConfirmPassword"
class="visibility-toggle"
size="small"
>
{{ showConfirmPassword ? 'mdi-eye-off' : 'mdi-eye' }}
</v-icon>
<v-icon @click="showConfirmPassword = !showConfirmPassword" class="visibility-toggle" size="small"
:icon="showConfirmPassword ? mdiEyeOff : mdiEye" />
</template>
</v-text-field>
@@ -62,7 +33,7 @@
{{ t('register') }}
</v-btn>
<div class="text-center mt-4">
<div class="mt-4 text-center">
{{ t('alreadyHaveAccount') }}
<router-link to="/login" class="text-blue-500">
{{ t('signIn') }}
@@ -85,6 +56,7 @@ import { useClient } from '@/plugins/api.js';
import { useAuthStore } from '@/stores/authStore.js';
import { useI18n } from 'vue-i18n';
import { useRouter } from 'vue-router';
import { mdiEye, mdiEyeOff } from '@mdi/js';
const { t } = useI18n();
const router = useRouter();
@@ -192,4 +164,4 @@ async function handleRegister() {
"registrationFailed": "El registro falló. Por favor, inténtelo de nuevo."
}
}
</i18n>
</i18n>