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

feat: Migrate to Nuxt 3 framework (#5184)

Browse source 
Co-authored-by: Michael Genson <71845777+michael-genson@users.noreply.github.com>
Co-authored-by: Kuchenpirat <24235032+Kuchenpirat@users.noreply.github.com>
This commit is contained in:
Hoa (Kyle) Trinh 2025-06-20 00:09:12 +07:00 • committed by GitHub
parent 89ab7fac25
commit c24d532608
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
403 changed files with 23959 additions and 19557 deletions
Download patch file Download diff file Expand all files Collapse all files

32
frontend/composables/use-passwords.ts
View file

@ -1,10 +1,10 @@
import { computed, Ref, ref, useContext } from "@nuxtjs/composition-api";
import VueI18n from "vue-i18n";
import { computed } from "vue";
import type { VueI18n } from "vue-i18n";
import { scorePassword } from "~/lib/validators";
export function usePasswordField() {
const show = ref(false);
const { $globals } = useContext();
const { $globals } = useNuxtApp();
const passwordIcon = computed(() => {
return show.value ? $globals.icons.eyeOff : $globals.icons.eye;
@ -26,24 +26,30 @@ export const usePasswordStrength = (password: Ref<string>, i18n: VueI18n) => {
const score = computed(() => scorePassword(password.value));
const strength = computed(() => {
if (score.value < 50) {
return i18n.tc("user.password-strength-values.weak");
} else if (score.value < 80) {
return i18n.tc("user.password-strength-values.good");
} else if (score.value < 100) {
return i18n.tc("user.password-strength-values.strong");
} else {
return i18n.tc("user.password-strength-values.very-strong");
return i18n.t("user.password-strength-values.weak");
}
else if (score.value < 80) {
return i18n.t("user.password-strength-values.good");
}
else if (score.value < 100) {
return i18n.t("user.password-strength-values.strong");
}
else {
return i18n.t("user.password-strength-values.very-strong");
}
});
const color = computed(() => {
if (score.value < 50) {
return "error";
} else if (score.value < 80) {
}
else if (score.value < 80) {
return "warning";
} else if (score.value < 100) {
}
else if (score.value < 100) {
return "info";
} else {
}
else {
return "success";
}
});