O96u
7c45a78572
Add PasswordInput with show/hide toggle, align legacy setup/register routing, merge duplicate i18n keys, and remove unused jose dependency.
51 lines
995 B
Vue
51 lines
995 B
Vue
<script setup lang="ts">
|
|
defineOptions({
|
|
inheritAttrs: false
|
|
})
|
|
|
|
const model = defineModel<string>({ default: '' })
|
|
|
|
defineProps<{
|
|
id?: string
|
|
placeholder?: string
|
|
autocomplete?: string
|
|
}>()
|
|
|
|
const show = ref(false)
|
|
const { t } = useI18n()
|
|
</script>
|
|
|
|
<template>
|
|
<UInput
|
|
:id="id"
|
|
v-model="model"
|
|
:type="show ? 'text' : 'password'"
|
|
:placeholder="placeholder"
|
|
:autocomplete="autocomplete"
|
|
size="lg"
|
|
class="w-full"
|
|
:ui="{ root: 'w-full', trailing: 'pe-1' }"
|
|
v-bind="$attrs"
|
|
>
|
|
<template #trailing>
|
|
<UButton
|
|
color="neutral"
|
|
variant="link"
|
|
size="sm"
|
|
:icon="show ? 'i-lucide-eye-off' : 'i-lucide-eye'"
|
|
:aria-label="show ? t('auth.hidePassword') : t('auth.showPassword')"
|
|
:aria-pressed="show"
|
|
:aria-controls="id"
|
|
type="button"
|
|
@click="() => { show = !show }"
|
|
/>
|
|
</template>
|
|
</UInput>
|
|
</template>
|
|
|
|
<style scoped>
|
|
:deep(::-ms-reveal) {
|
|
display: none;
|
|
}
|
|
</style>
|