Block Studio
UI Kit
這裡是本模板所有可重用元件的實際樣子與參數說明。 每個範例都附上可直接複製的程式碼，動手改參數前請先確認這裡有沒有現成的做法。
使用前提
不需要 import
所有元件都由 Nuxt 自動載入，名稱是資料夾路徑串起來的。 components/Atom/Button/Icon.vue 對應 <AtomButtonIcon>。
用 props 客製，不改元件
需要新樣式時優先加 variant，不要複製一份元件出來改。 樣式一律走 tailwind.config.js 的 token。
字級用語意 class
寫 text-zh-head-3 而不是 text-2xl，手機與桌機的級距會自動對應。
元件目錄
共 26 個頁面