<template>
  <view>
    <uv-steps :current="stepIndex" dot>
      <uv-steps-item v-for="(item, index) in steps" :key="index" :title="getTitle(index)"></uv-steps-item>
    </uv-steps>
  </view>
</template>
<script lang="ts" setup>
defineOptions({
  name: 'TestStep',
  options: {
    virtualHost: true,
  }
});
import { SYMBOL_TEST_DATA } from '../components/useTest';

const testData = inject(SYMBOL_TEST_DATA);
const { steps, stepIndex } = testData || {};

const order = ['一', '二', '三', '四', '五', '六', '七', '八', '九', '十'];

const getTitle = (index: number) => {
  return order[index];
}
</script>
<style lang="scss" scoped></style>