Docker/mealie
Docker/mealie
1
0
Fork 0
mirror of https://github.com/mealie-recipes/mealie.git synced 2025-07-23 07:09:41 +02:00
Code Issues Releases Activity

fix: passwort strength indicator (#5553)

Browse source
This commit is contained in:
Kuchenpirat 2025-06-20 18:39:08 +02:00 • committed by GitHub
parent 1562437b98
commit d6110f1a94
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
3 changed files with 8 additions and 24 deletions
Download patch file Download diff file Expand all files Collapse all files

28
frontend/components/Domain/User/UserPasswordStrength.vue
View file

@ -3,8 +3,8 @@
<div style="flex-basis: 500px">
<strong> {{ $t("user.password-strength", { strength: pwStrength.strength.value }) }}</strong>
<v-progress-linear
:value="pwStrength.score.value"
class="rounded-lg"
v-model="pwStrength.score.value"
rounded
:color="pwStrength.color.value"
height="15"
/>
@ -12,27 +12,11 @@
</div>
</template>
<script lang="ts">
<script setup lang="ts">
import { usePasswordStrength } from "~/composables/use-passwords";
export default defineNuxtComponent({
props: {
modelValue: {
type: String,
default: "",
},
},
setup(props) {
const asRef = toRef(props, "modelValue");
const i18n = useI18n();
const modelValue = defineModel<string>({ default: "" });
const i18n = useI18n();
const pwStrength = usePasswordStrength(asRef, i18n);
return {
pwStrength,
};
},
});
const pwStrength = usePasswordStrength(modelValue, i18n);
</script>
<style scoped></style>