Стиль не работает с классом v-bind в vue3

<template>
    <a 
        class = "nav-link"
        :class = "activeClasses"
        :href = "page.link.url" 
        >
        {{page.link.text}}
    </a>
</template>

<script>
export default{
    props:['page','isActive'],
    computed:{
            activeClasses(){
                return {
                    active:this.isActive,
                    emphasize:this.isActive
                };
            }
    }
}
</script>
<style scoped>
    .emphasize {
        text-decoration: underline !important;
    }
</style>

Я пытаюсь применить подчеркивание к тексту панели навигации, но это не работает.

-------------------------------------------------- ----------------------------------