api-client/components/ui/tab.vue

<template>
  <div v-show="isActive">
    <slot></slot>
  </div>
</template>

<style scoped lang="scss"></style>

<script>
export default {
  props: {
    label: { type: String },
    icon: { type: String },
    id: { required: true },
    selected: {
      default: false,
    },
  },

  data() {
    return {
      isActive: false,
    }
  },

  // computed: {
  //   href() {
  //     return `#${this.name.toLowerCase().replace(/ /g, "-")}`
  //   },
  // },

  mounted() {
    this.isActive = this.selected
  },
}
</script>