<template>
    <LearingTaskDetail 
      :task-id="taskId" 
      :show-back-button="true"
      back-button-text="返回任务列表"
      @back="handleBack"
    />
</template>

<script setup lang="ts">
import { computed } from 'vue';
import { useRouter, useRoute } from 'vue-router';
import { LearingTaskDetail } from '@/views/task';

defineOptions({
  name: 'LearningTaskDetailView'
});

const router = useRouter();
const route = useRoute();

const taskId = computed(() => route.query.taskId as string || '');

// 返回任务列表
function handleBack() {
  router.push('/study-plan/tasks');
}
</script>

<style lang="scss" scoped>
// 此组件只是容器，样式由子组件处理
</style>

