In my NuxtJS application, I am working on creating a customized <Radio> component.
I am dynamically binding a CSS class to change the font-weight of the radio button once it is selected.
Upon initial load and the first click on the button, there is a slight change in text size, creating a "shrinking/growing" effect that becomes smoother upon subsequent clicks. Could this be related to the behavior of computed properties?
For a clearer understanding, I have created a video demonstration which you can watch here.
My inspiration for this customization was drawn from Stephanie Eckles, and you can find more information here.
<template>
<!-- Radio component template code goes here -->
</template>
<script lang="ts">
// JavaScript script for the Radio component
</script>
<style lang="scss" scoped>
/* CSS styling for the Radio component */
</style>