點燈坊

失くすものさえない今が強くなるチャンスよ

タグ : Petite-vue

使用 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 使用,且不需任何打包工具。