用 Vue 和 Astro 搭建一个小而快的主题

一个博客主题不需要把所有事情都交给客户端 JavaScript。文章、导航和 SEO 信息都可以在构建时生成，只有真正需要状态的部分才进行 hydration。

让边界保持清楚

页面布局负责组合内容，Vue 组件负责菜单和语言切换，数据文件负责描述文章。每一层都只处理自己最擅长的事情。

const interactiveParts = [
  'language-switcher',
  'mobile-navigation',
]

当组件边界清楚后，主题会更容易扩展到搜索、暗色模式和文章目录。