mirror of
https://github.com/hay-kot/mealie.git
synced 2025-07-06 04:52:25 -07:00
d6110f1a94
Some checks are pending
CodeQL / Analyze (push) Waiting to run
Docker Nightly Production / Notify Discord (push) Blocked by required conditions
Docker Nightly Production / Build Package (push) Waiting to run
Docker Nightly Production / Build Tagged Release (push) Blocked by required conditions
Docker Nightly Production / Backend Server Tests (push) Waiting to run
Docker Nightly Production / Frontend Tests (push) Waiting to run
Release Drafter / ✏️ Draft release (push) Waiting to run
22 lines
623 B
Vue
22 lines
623 B
Vue
<template>
|
|
<div class="d-flex justify-center pb-6 mt-n1">
|
|
<div style="flex-basis: 500px">
|
|
<strong> {{ $t("user.password-strength", { strength: pwStrength.strength.value }) }}</strong>
|
|
<v-progress-linear
|
|
v-model="pwStrength.score.value"
|
|
rounded
|
|
:color="pwStrength.color.value"
|
|
height="15"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import { usePasswordStrength } from "~/composables/use-passwords";
|
|
|
|
const modelValue = defineModel<string>({ default: "" });
|
|
const i18n = useI18n();
|
|
|
|
const pwStrength = usePasswordStrength(modelValue, i18n);
|
|
</script>
|