Bind router state to the radio button in vue

RadioWithRouter.vue

<template>
  <input
    :checked="$route.name === 'groups'"
    type="radio"
    @change="$router.push({name: 'groups'})"
  >
  <input
    :checked="$route.name === 'groups-member'"
    type="radio"
    @change="$router.push({name: 'groups-member'})"
  >
  <input
    :checked="$route.name === 'groups-master'"
    type="radio"
    @change="$router.push({name: 'groups-master'})"
  >
</template>

<script>
export default {
	name: "RadioButtonBindWithRoute",
}
</script>