// 任务：
// 1. 从 ./summary-service.js 导入数据
// 2. 用 async / await 获取额外技能
// 3. 解构 name、stage、skills
// 4. 用展开运算符合并技能
// 5. 用模板字符串渲染标题和说明
// 6. 用 forEach 或 map + 箭头函数渲染列表
import { baseSummary, loadExtraSkills } from './summary-service.js'
async function get() {
  const title = document.getElementById("title")
  const intro = document.getElementById("intro")
  title.textContent = '加载中...'
  intro.innerHTML = ''
  try {
    let load = await loadExtraSkills()
    title.textContent = '加载成功'
    const { name, stage, skills } = baseSummary
    intro.textContent = `
      name:${name}
      stage:${stage}`
    load = [...load, ...skills]
    load.forEach(item => {
      const li = document.createElement("li")
      const skillList = document.getElementById("skill-list")
      li.textContent = item
      skillList.appendChild(li)
    });
  } catch (error) {
    title.textContent = '加载失败'
  }
}
get()