From 533cd4e21b35b43e3a97e4c073b048d0f28c5290 Mon Sep 17 00:00:00 2001
From: upsiflu <upsiflu@gmail.com>
Date: Mon, 16 Dec 2024 12:08:43 +0100
Subject: [PATCH] fix(ui): make aria-pressed "true" when given as a prop to the
 Button component

---
 front/src/components/ui/Button.vue | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/front/src/components/ui/Button.vue b/front/src/components/ui/Button.vue
index fbc8128f9..af4b8cdb5 100644
--- a/front/src/components/ui/Button.vue
+++ b/front/src/components/ui/Button.vue
@@ -18,6 +18,7 @@ type Props = {
   onClick?: (...args: any[]) => void | Promise<void>
 
   autofocus? : boolean
+  ariaPressed? : true
 } & ColorProps & VariantProps
 
 const props = defineProps<Props>()
@@ -46,6 +47,7 @@ onMounted(() => {
 
 <template>
   <button ref="button"
+    :aria-pressed="props.ariaPressed"
     v-bind="propsToColor({...props, interactive:true})"
     class="funkwhale is-colored button"
     :class="[
@@ -132,7 +134,7 @@ onMounted(() => {
     }
 
     &.is-loading {
-      @extend .is-active;
+      @extend :active;
 
       > span {
         opacity: 0;