ラジオボタンをVueで使う

<template>
  <div id="app">
      <input type="radio" id="option1" value="りんご" v-model="picked" />
      <label for="option1">りんご</label>   <br />
      <input type="radio" id="option2" value="ばなな" v-model="picked" />
      <label for="option2">ばなな</label>   <br />
      <input type="radio" id="option3" value="いちご" v-model="picked" />
      <label for="option3">いちご</label>   <br />
      <span>選択した果物: {{ picked }}</span>
  </div>
</template>

<script>
export default {
  name: "HelloWorld",
  data() {
    return {
      picked: "",
    };
  },
};
</script>