wowowowowo

resources/js/components/RadioButton.vue

@@ -1,15 +1,18 @@
-<script setup>
-defineProps({
-    modelValue: String,
-    disabled: Boolean,
-    value: String,
-    name: String,
-});
+<script setup lang="ts">
+defineProps<{
+    modelValue?: string | number | null;
+    disabled?: boolean;
+    value: string | number;
+    name: string;
+    describedBy?: string;
+}>();
 
-const emit = defineEmits(["update:modelValue"]);
+const emit = defineEmits<{
+    "update:modelValue": [value: string];
+}>();
 
-function onChange(event) {
-    emit("update:modelValue", event.target.value);
+function onChange(event: Event): void {
+    emit("update:modelValue", (event.target as HTMLInputElement).value);
 }
 </script>
 
@@ -23,7 +26,8 @@ function onChange(event) {
             :value="value"
             class="invisible absolute inset-0"
             :disabled="disabled"
-            :checked="modelValue === value"
+            :checked="String(modelValue) === String(value)"
+            :aria-describedby="describedBy"
             @change="onChange"
         />
         <slot />