<script setup lang="ts">
import { ref, defineAsyncComponent } from "vue";
const tab = ref<string>("save1");
const changeTab = (tabVal: string) => {
  tab.value = tabVal
}
const Header = defineAsyncComponent(
  () => import("@/modules/05_placement/components/probation/FormEvaluation/Header.vue")
);
const FormEvaluate = defineAsyncComponent(
  () => import("@/modules/05_placement/components/probation/FormEvaluation/FormEvaluate.vue")
)
</script>  

<template>
  <Header :change-tab="changeTab" />

  <q-page-container>
    <q-tab-panels v-model="tab" animated>
      <q-tab-panel name="save1">
        <FormEvaluate :tab="tab" />
      </q-tab-panel>

      <q-tab-panel name="save2">
        <FormEvaluate :tab="tab"/>
      </q-tab-panel>
    </q-tab-panels>
  </q-page-container>
</template>