fix: changed frontend workflow and fixed login reference matching for real

web/src/views/LoginView.vue

@@ -211,7 +211,7 @@ onMounted(async () => {
 			/>
 		</template>
 
-		<template #default="{ controlSize }">
+		<template #default="{ controlSize, controlClass }">
 			<UForm :state="{ username, password }" class="flex flex-col gap-4" @submit="onSubmit">
 				<UFormField
 					label="Username"
@@ -219,6 +219,12 @@ onMounted(async () => {
 					:error="usernameError || undefined"
 					:size="controlSize"
 				>
+					<template v-if="usernameError" #error="{ error }">
+						<span class="flex items-center gap-1.5">
+							<UIcon name="i-lucide-circle-alert" class="text-error shrink-0" />
+							{{ error }}
+						</span>
+					</template>
 					<UInput
 						v-model="username"
 						placeholder="Your username"
@@ -228,6 +234,7 @@ onMounted(async () => {
 						color="primary"
 						:highlight="!!usernameError"
 						:size="controlSize"
+						:ui="{ base: controlClass }"
 						class="w-full"
 					/>
 				</UFormField>
@@ -239,10 +246,19 @@ onMounted(async () => {
 					:size="controlSize"
 				>
 					<template #hint>
-						<RouterLink to="/register/reset/request" class="text-primary text-sm">
+						<RouterLink
+							to="/register/reset/request"
+							class="text-toned text-sm underline underline-offset-[3px]"
+						>
 							Forgot password?
 						</RouterLink>
 					</template>
+					<template v-if="passwordError" #error="{ error }">
+						<span class="flex items-center gap-1.5">
+							<UIcon name="i-lucide-circle-alert" class="text-error shrink-0" />
+							{{ error }}
+						</span>
+					</template>
 					<UInput
 						v-model="password"
 						:type="passwordShown ? 'text' : 'password'"
@@ -252,6 +268,7 @@ onMounted(async () => {
 						color="primary"
 						:highlight="!!passwordError"
 						:size="controlSize"
+						:ui="{ base: controlClass }"
 						class="w-full"
 					>
 						<template #trailing>
@@ -273,6 +290,7 @@ onMounted(async () => {
 					type="submit"
 					block
 					:size="controlSize"
+					:ui="{ base: controlClass }"
 					:loading="submitting"
 					:disabled="submitDisabled"
 				>