使用 FP Style 實作 Todo List
Todo List 常用來練習不同前端 Framework，直接在 Hugo 平台使用 Petite-vue 以 FP Style 實現 Todo List。
タグ : Petite-vue
使用 Alpine Style 實作 Todo List
Todo List 常用來練習不同前端 Framework，直接在 Hugo 平台使用 Petite-vue 以 Alpine Style 實現 Todo List。
使用 Prettier 美化 Petite-vue
Prettier 內建已經支援 Vue，但只支援 .vue，但 Petite-vue 通常會搭配後端或 SSG，如 Hugo 只支援 .html，若要使用 Prettier 在其他副檔名，則必須在 .prettierrc 做額外設定。
整合 Hugo 與 Petite-vue (ESM)
Petite-vue 特別適合後端有自己 Template Engine 的使用場景，Hugo 雖然為 SSG，但因為使用了 Go Template，事實上與後端類似，因此也適合 Petite-vue，更可還原 Composition API 風格在 Hugo 上。
整合 Hugo 與 Petite-vue (IIFE)
Petite-vue 特別適合後端有自己 Template Engine 的使用場景，Hugo 雖然為 SSG，但因為使用了 Go Template，事實上與後端類似，因此也適合 Petite-vue，更可還原 Alpine 風格將 JavaScript 寫在 HTML 內。
Petite-vue 初體驗
Petite-vue 為 Vue 的子集，只收錄 Vue 最常用功能，大約只有 6KB 左右。支援 Options API、Composition API 與 JavaScript-free 三種 Coding Style，特別適合配合後端 framework 或 SSG 使用，且不需任何打包工具。
Integrating Petite-vue with 11ty
Petite-vue is great for JAMstack, but we have to integrate Petite-vue with 11ty manually.