From 5d4a4fc4856253881bd1171cce67e67a44dd96cf Mon Sep 17 00:00:00 2001
From: Kloon ImKloon <kloon15@gmail.com>
Date: Tue, 12 Sep 2023 15:18:57 +0200
Subject: [PATCH] Fix password input class in Profile

---
 frontend/src/views/settings/Profile.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/frontend/src/views/settings/Profile.vue b/frontend/src/views/settings/Profile.vue
index d4f1eaa0..1e6285cc 100644
--- a/frontend/src/views/settings/Profile.vue
+++ b/frontend/src/views/settings/Profile.vue
@@ -80,7 +80,7 @@ import { useAuthStore } from "@/stores/auth";
 import { useLayoutStore } from "@/stores/layout";
 import { users as api } from "@/api";
 import Languages from "@/components/settings/Languages.vue";
-import { inject, onMounted, ref } from "vue";
+import { computed, inject, onMounted, ref } from "vue";
 import { useI18n } from "vue-i18n";
 import i18n, { rtlLanguages } from "@/i18n";
 
@@ -98,7 +98,7 @@ const singleClick = ref<boolean>(false);
 const dateFormat = ref<boolean>(false);
 const locale = ref<string>("");
 
-const passwordClass = () => {
+const passwordClass = computed(() => {
   const baseClass = "input input--block";
 
   if (password.value === "" && passwordConf.value === "") {
@@ -110,7 +110,7 @@ const passwordClass = () => {
   }
 
   return `${baseClass} input--red`;
-};
+});
 
 onMounted(() => {
   layoutStore.loading = true;