.container {
border-bottom:  2px solid grey;
}
.container a.active {
border-bottom: 2px solid lightgreen
}

<div class="container">
  <a class="active">ссылка</a>
  <a>ссылка</a>
  <a>ссылка</a>
  <a>ссылка</a>
</div>

<template>
  <child-component v-bind="globalObject"/>
</template>

<script setup>
// import { Alien, DevTools, Test, ChildComponent } from 'where?'
import { reactive } from 'vue'

const globalObject = reactive({prop1, prop2, prop3})
</script>