在浏览器扩展中实现 Mellowtel Elements

npm install mellowtel-elements

<!-- 在 popup.html 或选项页面中 -->
<div id="opt-in-container"></div>
<div id="opt-out-container"></div>
<div id="settings-container"></div>

import { MellowtelElements } from 'mellowtel-elements';

// 使用扩展 ID 和配置键创建实例
const mellowtel = new MellowtelElements(
  'your-extension-id-here',    // 扩展 ID
  'your-config-key-here'       // 配置键
);

// 创建选择加入元素
await mellowtel.createElement('opt-in-container', { type: 'opt-in' });

// 创建选择退出元素
await mellowtel.createElement('opt-out-container', { type: 'opt-out' });

// 创建设置元素
await mellowtel.createElement('settings-container', { type: 'settings' });