balm-ui/src/scripts/mixins/tab-bar.js

A modular and customizable UI library based on Material Design and Vue 3

import { UI_TAB_BAR } from '../components/tabs/constants';

const tabBarProps = {
  // States
  modelValue: {
    type: Number,
    default: -1
  }
};

function useTabBar({ emit }) {
  function handleChange(activeTabIndex) {
    emit(UI_TAB_BAR.EVENTS.CHANGE, activeTabIndex);
  }

  return {
    handleChange
  };
}

export { tabBarProps, useTabBar };