<template> <div> <h2>Basic RadioButton</h2> <div v-for="fruit in fruits" :key="fruit" style="margin-bottom:10px"> <RadioButton name="group1" :inputId="fruit" :value="fruit" v-model="value"></RadioButton> <Label :for="fruit">{{fruit}}</Label> </div> <p v-if="value">You selected: {{value}}</p> </div> </template> <script> export default { data() { return { value: null, fruits: ["Apple", "Orange", "Banana"] }; } }; </script>