import { baseSummary, loadExtraSkills } from "./summary-service.js";

const title = document.getElementById("title");
const intro = document.getElementById("intro");
const skillList = document.getElementById("skill-list");

async function renderPage() {
  const extraSkills = await loadExtraSkills();
  const { name, stage, skills } = baseSummary;
  const allSkills = [...skills, ...extraSkills];

  title.textContent = `${name} 的 ${stage} 学习摘要`;
  intro.textContent = `当前已覆盖 ${allSkills.length} 个现代 JS 关键点。`;

  allSkills.forEach((skill) => {
    const item = document.createElement("li");
    item.textContent = `已掌握：${skill}`;
    skillList.appendChild(item);
  });
}

renderPage();