<script lang="ts" setup>
import { onMounted, ref } from 'vue'
import { TaskList } from '../TaskList/index.ts'
import type { NoviceType } from './index.d'
import { noviceTask } from '@/api/task/index'

const total = ref(0)
const earn = ref<NoviceType[]>([])

function getnoviceTaskList() {
  noviceTask().then((res) => {
    earn.value = res.taskCenterList
    total.value = res.totalScore
  })
}
onMounted(() => {
  getnoviceTaskList()
})
</script>

<template>
  <TaskList title="新手任务" :list="earn" :total="total" />
</template>

<style lang="scss" scoped>
.nvoice-task-box {
  width: 95%;
  .title {
    font-size: 14px;
    font-family: PingFang-SC, PingFang-SC;
    font-weight: bold;
    color: #000000;
    line-height: 22px;
    letter-spacing: 1px;
    margin: 16px 0;
  }
}
</style>
