<template>
  <div>
    <bms-tabs
      title="Title"
      :tabs="[
        { name: 'Titi', routePath: '/tabs/titi' },
        { name: 'Toto', routePath: '/tabs/toto' },
        { name: 'Tutu', routePath: '/tabs/tutu' },
      ]"
    >
    </bms-tabs>
    <template v-if="currentTab === 'titi'">
      <div>titi</div>
    </template>
    <template v-if="currentTab === 'toto'">
      <div>toto</div>
    </template>
  </div>
</template>

<script setup lang="ts">
import { computed } from 'vue';
import { useRouter } from 'vue-router';

const { currentRoute } = useRouter();

const currentTab = computed(() => currentRoute.value.params.tabName);
</script>
