如何定义是否未选中任何单选按钮

<input type="radio" name="option" value="option1"> Option 1
<input type="radio" name="option" value="option2"> Option 2
<input type="radio" name="option" value="option3"> Option 3

<button onclick="checkSelection()">Check Selection</button>

<script>
function checkSelection() {
  var radios = document.getElementsByName('option');
  var checked = false;
  
  for (var i = 0; i < radios.length; i++) {
    if (radios[i].checked) {
      checked = true;
      break;
    }
  }
  
  if (checked) {
    console.log('At least one option is selected.');
  } else {
    console.log('No option is selected.');
  }
}
</script>

<template>
  <div>
    <input type="radio" v-model="option" value="option1"> Option 1
    <input type="radio" v-model="option" value="option2"> Option 2
    <input type="radio" v-model="option" value="option3"> Option 3

    <button @click="checkSelection">Check Selection</button>
  </div>
</template>

<script>
export default {
  data() {
    return {
      option: ''
    };
  },
  methods: {
    checkSelection() {
      if (this.option) {
        console.log('At least one option is selected.');
      } else {
        console.log('No option is selected.');
      }
    }
  }
};
</script>