버튼 스위처

<div class="wrap_pos_default_info">
  <p class="torder_title_sm torder_title_require">
    포스
  </p>
  <div class="pos_default_button_right">
    <div
      class="torder_button_list_lg"
    >
      <button
        :class="getPosDefaultButtonStyle(posDefaultInfo)"
        v-for="(posDefaultInfo, index) in getPosDefaultButtonList"
        :key="`pos-default-button-key-${index}`"
        @click="updateStorePos(posDefaultInfo, true)"
      >
        {{posDefaultInfo}}
      </button>
    </div>
  </div>
</div>

const getCustomerGradeButtonInfo = [
  '대표',
  '직원',
  '기타',
];
const defaultCustomerGrade = ref('대표');
const getCustomerGradeButtonStyle = (value: string) => ({
  torder_button_ms: true,
  torder_button_active: defaultCustomerGrade.value === value,
});
// 고객정보 직책 셀렉션
const updateGradeInfo = (value: string) => {
  defaultCustomerGrade.value = value;
};