From 5f0204cedf2cb5bcf8f74dca2d19d2d7823743e9 Mon Sep 17 00:00:00 2001
From: upsiflu <upsiflu@gmail.com>
Date: Sun, 22 Dec 2024 21:23:45 +0100
Subject: [PATCH] fix(front): `aria-pressed` is either true or undefined

---
 front/src/components/ui/Textarea.vue | 14 +++++++-------
 front/src/ui/components/UserMenu.vue |  4 ++--
 2 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/front/src/components/ui/Textarea.vue b/front/src/components/ui/Textarea.vue
index 866868a57..acc75de6a 100644
--- a/front/src/components/ui/Textarea.vue
+++ b/front/src/components/ui/Textarea.vue
@@ -186,17 +186,17 @@ const focus = () => textarea.value.focus()
       @keydown.ctrl.shift.x.exact.prevent="strikethrough" @keydown.ctrl.k.exact.prevent="link" :maxlength="max"
       :placeholder="placeholder" v-model="model" id="textarea_id" />
     <div class="textarea-buttons">
-      <Button @click="preview = !preview" icon="bi-eye" color="secondary" :aria-pressed="preview" />
+      <Button @click="preview = !preview" icon="bi-eye" color="secondary" :aria-pressed="preview || undefined" />
 
       <div class="separator" />
 
-      <Button @click="heading1" icon="bi-type-h1" color="secondary" :aria-pressed="isHeading1" :disabled="preview" />
-      <Button @click="heading2" icon="bi-type-h2" color="secondary" :aria-pressed="isHeading2" :disabled="preview" />
-      <Button @click="paragraph" icon="bi-paragraph" color="secondary" :aria-pressed="isParagraph" :disabled="preview" />
-      <Button @click="quote" icon="bi-quote" color="secondary" :aria-pressed="isQuote" :disabled="preview" />
-      <Button @click="orderedList" icon="bi-list-ol" color="secondary" :aria-pressed="isOrderedList"
+      <Button @click="heading1" icon="bi-type-h1" color="secondary" :aria-pressed="isHeading1 || undefined" :disabled="preview" />
+      <Button @click="heading2" icon="bi-type-h2" color="secondary" :aria-pressed="isHeading2 || undefined" :disabled="preview" />
+      <Button @click="paragraph" icon="bi-paragraph" color="secondary" :aria-pressed="isParagraph || undefined" :disabled="preview" />
+      <Button @click="quote" icon="bi-quote" color="secondary" :aria-pressed="isQuote || undefined" :disabled="preview" />
+      <Button @click="orderedList" icon="bi-list-ol" color="secondary" :aria-pressed="isOrderedList || undefined"
         :disabled="preview" />
-      <Button @click="unorderedList" icon="bi-list-ul" color="secondary" :aria-pressed="isUnorderedList"
+      <Button @click="unorderedList" icon="bi-list-ul" color="secondary" :aria-pressed="isUnorderedList || undefined"
         :disabled="preview" />
 
       <div class="separator" />
diff --git a/front/src/ui/components/UserMenu.vue b/front/src/ui/components/UserMenu.vue
index 4986396f5..a04f0ca14 100644
--- a/front/src/ui/components/UserMenu.vue
+++ b/front/src/ui/components/UserMenu.vue
@@ -87,7 +87,7 @@ const labels = computed(() => ({
       </PopoverItem>
       <hr v-if="store.state.auth.authenticated && store.state.auth.profile?.avatar?.urls.medium_square_crop"/>
       <PopoverItem @click="store.commit('ui/toggleModal', 'languages')"
-        :aria-pressed="store.state.ui.modalsOpen.has('languages')"
+        :aria-pressed="store.state.ui.modalsOpen.has('languages') || undefined"
       >
         <i class="bi bi-translate" />
         {{ labels.language }}...
@@ -128,7 +128,7 @@ const labels = computed(() => ({
           {{ labels.docs }}
       </PopoverItem>
       <PopoverItem @click="store.commit('ui/toggleModal', 'shortcuts')"
-        :aria-pressed="store.state.ui.modalsOpen.has('shortcuts')"
+        :aria-pressed="store.state.ui.modalsOpen.has('shortcuts') || undefined"
         >
         <i class="bi bi-keyboard" />
         {{ labels.shortcuts }}