Migrate all Vue components from Options API to <script setup>

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

src/components/Button.vue

@@ -15,35 +15,23 @@
     </button>
 </template>
 
-<script>
-import { ref, } from 'vue';
+<script setup>
+import { ref } from 'vue';
 
-export default {
-    props: {
-        buttonText: {
-            type: String,
-            required: false,
-        },
+defineProps({
+    buttonText: {
+        type: String,
+        required: false,
     },
-    setup(props) {
-        const buttonText = props.buttonText;
+});
 
-        const isPressed = ref(false);
+const isPressed = ref(false);
 
-        const onMousedown = () => {
-            isPressed.value = true;
-        }
+const onMousedown = () => {
+    isPressed.value = true;
+};
 
-        const onMouseup = () => {
-            isPressed.value = false;
-        }
-
-        return {
-            buttonText,
-            onMousedown,
-            onMouseup,
-            isPressed,
-        };
-    },
-}
-</script>
+const onMouseup = () => {
+    isPressed.value = false;
+};
+</script>