示例解析

官方 vanilla 与 Vue 示例的关键代码讲解。

📄️vanilla-widget 示例

examples/vanilla-widget 是 vanilla-ts 模板的官方示例：原生 TypeScript、无框架、零 Vite 配置。它与 npx create-patab-widget my-widget --template vanilla-ts 生成的项目结构一致。

examples/vue-widget 是 vue-ts 模板的官方示例：Vue 3 SFC + @vitejs/plugin-vue。结构与 vanilla 示例相同，仅多 vite.config.ts 与每个 surface 一份 .vue 文件。