<script setup lang="ts">
import { ref, onMounted } from "vue";
import { useQuasar } from "quasar";

import CardDirector from "@/modules/12_evaluatePersonal/components/Detail/viewTab2/CardDirector.vue";
import CardMeet from "@/modules/12_evaluatePersonal/components/Detail/viewTab2/CardMeet.vue";

import { useEvaluateDetailStore } from "@/modules/12_evaluatePersonal/store/EvaluateDetail";
import { useCounterMixin } from "@/stores/mixin";

const store = useEvaluateDetailStore();
const mixin = useCounterMixin();
const { dialogConfirm } = mixin;

const $q = useQuasar();

// onMounted(() => {
//   store.step = 1;
// });
</script>

<template>
  <div class="row col-12">
    <div class="toptitle">กรรมการและการประชุม</div>

    <div class="row col-12 q-gutter-md">
      <CardDirector />
      <CardMeet />
    </div>
  </div>
</template>

<style>
.q-stepper--vertical .q-stepper__step-inner {
  padding: 0;
}
</style>
