代码 Code

// 外观设置存在 chrome.storage
const store = createAppearanceStore({ key: "today-ui" });
await store.load();
Xxd.toast("已保存", { tone: "success" });

<div class="xxd-code-block" style="max-width:520px">
  <div class="xxd-code__head">sidepanel.js<button class="xxd-btn" data-variant="ghost" data-icon-only data-size="xs" aria-label="复制" data-copy-target="#code-demo code"><i data-xxd-icon="Copy" data-size="14"></i></button></div>
  <pre class="xxd-code" id="code-demo" tabindex="0" data-highlight data-lines><code data-lang="js">// 外观设置存在 chrome.storage
const store = createAppearanceStore({ key: "today-ui" });
await store.load();
Xxd.toast("已保存", { tone: "success" });</code></pre>
</div>
<p>行内代码 <code class="xxd-code-inline">--r-sm</code>，按键 <kbd class="xxd-kbd">⌘</kbd><kbd class="xxd-kbd">K</kbd></p>

export function CodeDemo() {
  return <ClipboardText text="pnpm xxd new ~/js/插件-今日待办" />;
}