fix(forms): use expression form for conditional fieldError reset

Vue template attribute expressions don't allow if-statements; the
short-circuit form (`x && (x = '')`) is the idiomatic equivalent and
runs without a template compiler warning.
This commit is contained in:
Jennie Robinson Faber 2026-05-23 18:49:22 +01:00
parent e5f1e9f95e
commit 5d4321612f
3 changed files with 4 additions and 4 deletions

View file

@ -33,7 +33,7 @@
type="text"
required
@blur="validateName"
@input="if (fieldErrors.name) fieldErrors.name = ''"
@input="fieldErrors.name && (fieldErrors.name = '')"
>
<p v-if="fieldErrors.name" class="field-error">{{ fieldErrors.name }}</p>
</div>

View file

@ -129,7 +129,7 @@
type="text"
required
@blur="validateName"
@input="if (fieldErrors.name) fieldErrors.name = ''"
@input="fieldErrors.name && (fieldErrors.name = '')"
>
<p v-if="fieldErrors.name" class="field-error">{{ fieldErrors.name }}</p>
</div>
@ -143,7 +143,7 @@
placeholder="you@example.com"
required
@blur="validateEmail"
@input="if (fieldErrors.email) fieldErrors.email = ''"
@input="fieldErrors.email && (fieldErrors.email = '')"
>
<p v-if="fieldErrors.email" class="field-error">{{ fieldErrors.email }}</p>
</div>

View file

@ -174,7 +174,7 @@
placeholder="you@example.com"
autofocus
@blur="validateNewEmail"
@input="if (fieldErrors.email) fieldErrors.email = ''"
@input="fieldErrors.email && (fieldErrors.email = '')"
@keydown.enter="handleUpdateEmail"
@keydown.escape="cancelEmailEdit"
>