sober@2.0.0-alpha.20 使用笔记

从 CDN 使用 sober 的 alpha 版本时，有几个不那么显眼的坑，整理在此。

1. 不要加载 dist/main.js

dist/main.js 的组件依赖图里，core/utils/popup.js 使用了无扩展名导入：

import something from "./resize-watcher";

unpkg 对该路径返回 404，导致整个组件图静默失败，所有组件都不会注册。正确做法是按需引入单个组件：

<script type="module" src="https://unpkg.com/sober@2.0.0-alpha.20/dist/components/app-bar.js"></script>

s-icon 的 name 属性不工作，组件内部只支持 src 或插槽。习惯做法是直接写 Material Symbols 的 SVG 路径，并手动给尺寸：

<s-icon-button>
  <svg viewBox="0 -960 960 960" width="24" height="24" fill="currentColor">
    <path d="..."></path>
  </svg>
</s-icon-button>

s-page 的主题 API 在 alpha.20 里实际不可用，组件消费的是 --s-color-* 别名变量。自己定义整套调色板并在 :root.dark 上翻转即可，深浅色都能精确对齐官方值。