Apply repository-wide ESLint auto-fix formatting pass

Co-Authored-By: Codex <codex@openai.com>

src/components/ButtonFilled.vue

@@ -1,19 +1,18 @@
 <!-- The filled version of the button has a solid background -->
 <template>
-    <button class="button-filled-component w-[80px] h-[32px] rounded-full
-        flex text-[#FFFFFF]
-        justify-center items-center bg-[#0099FF]
-        hover:text-[#FFFFFF] hover:bg-[#0080D5]
-        cursor-pointer"
-        :class="{
-            'ring': isPressed,
-            'ring-[#0099FF]' : isPressed,
-            'ring-opacity-30': isPressed,
-            'bg-[#0099FF]': isPressed,
-        }"
-        @mousedown="onMousedown" @mouseup="onMouseup">
-        {{ buttonText }}
-    </button>
+  <button
+    class="button-filled-component w-[80px] h-[32px] rounded-full flex text-[#FFFFFF] justify-center items-center bg-[#0099FF] hover:text-[#FFFFFF] hover:bg-[#0080D5] cursor-pointer"
+    :class="{
+      ring: isPressed,
+      'ring-[#0099FF]': isPressed,
+      'ring-opacity-30': isPressed,
+      'bg-[#0099FF]': isPressed,
+    }"
+    @mousedown="onMousedown"
+    @mouseup="onMouseup"
+  >
+    {{ buttonText }}
+  </button>
 </template>
 
 <script setup>
@@ -27,22 +26,22 @@
  *   solid background and press-state ring effect.
  */
 
-import { ref } from 'vue';
+import { ref } from "vue";
 
 defineProps({
-    buttonText: {
-        type: String,
-        required: false,
-    },
+  buttonText: {
+    type: String,
+    required: false,
+  },
 });
 
 const isPressed = ref(false);
 
 const onMousedown = () => {
-    isPressed.value = true;
+  isPressed.value = true;
 };
 
 const onMouseup = () => {
-    isPressed.value = false;
+  isPressed.value = false;
 };
 </script>