SidebarButton.vue

<template>
  <li class="nav-item">
    <button class="nav-link" aria-current="page" @click="action">
      <i v-if="icon" class="bi feather" :class="'bi-' + icon"></i>
      {{ label }}
    </button>
  </li>
</template>

<script lang="ts">
import { defineComponent } from "vue";

export default defineComponent({
  props: {
    action: { type: Function },
    label: { type: String, default: "" },
    icon: { type: String, default: "file-earmark" },
  },
});
</script>
<style>
.sidebar button {
  border: none;
  background-color: inherit;
  text-align: left;
}
</style>