How to create dynamic active?

        <ul
          class="nav nav-pills justify-content-center mt-3"
          style="color: #afadb6; font-weight: 600"
        >
          <li class="nav-item" v-for="(item, index) in markets" :key="index" >
            <a
              class="nav-link"
              @click="getVendors(item.id)"
              style="font-size: 15px"
              >{{ item.name }}</a
            >
          </li>
        </ul>
      </div>

Hello,

Your post requires further information for the community to be able to help you efficiently.

When you open a new topic, please follow the guidelines linked below so your question has the best chance of being answered quickly.

Thanks!