<template>
  <steps :stepList="stepList" :stepSuccess="[0,1]"></steps>
</template>

<script setup lang="jsx">
import { reactive, shallowRef } from 'vue';
import fvSelect from '@/fvcomponents/fvSelect/index.vue'
import Step1 from './Step1.vue'
import Step2 from './Step2.vue'
import Step3 from './Step3.vue'
import Step4 from './Step4.vue'
import Step5 from './Step5.vue'
const stepList = reactive([
  {
    key: 'collect',
    component: markRaw(Step1)
  },
  {
    key: 'report',
    component: markRaw(Step2)
  },
  {
    key: 'approve',
    component: markRaw(Step3)
  },
  {
    key: 'execute',
    component: markRaw(Step4)
  },
  {
    key: 'archivist',
    component: markRaw(Step5)
  },
])
</script>

<style lang="scss" scoped>

</style>