PrimeVue DataTable Frozen Column 錯位之謎：兩層 Root Cause，與一個 ResizeObserver Directive 解法
專案裡的 PrimeVue DataTable 用了 frozen column（凍結欄），QA 回報一個詭異的現象：表格內容變多、垂直 scrollbar 出現的那一刻，凍結欄的位置就錯了——欄與欄之間出現縫隙或互相重疊，橫向捲動時整個版面破掉。更麻煩的是它「時好時壞」，看起來像隨機發生。
#css
2026
為什麼不一次改完：一次 blog 大改版的三個工程決策
上一篇寫完設計診斷，這篇換工程的角度。
替 blog 找設計詞彙：從 Vuetify 到 Magazine 風的一次設計診斷
我這個 blog 改版想做很久了。每次打開自己的站，都覺得「不對」，但說不出哪裡不對。看別人的 blog ──Josh Comeau、Robin Rendle、那些做得好的個人站 ──就知道差在哪一個層級的東西，但翻不出名字。
Nuxt 3 Layout 與 Page 的高度職責分離：解決多餘 scrollbar 問題
在 Nuxt 3 的 SPA 專案中，Layout 與 Page 之間的高度管理是個容易踩坑的地方。本文記錄一個常見問題：各個 Page 各自用 h-screen 控制高度，導致出現多餘的外層 scrollbar，以及修正過程中學到的 CSS 定位觀念。
用 invisible absolute 解決 Chart.js 在隱藏 Tab 中匯出空白圖片的問題
最近在做一個多 Tab 頁面的「下載圖表」功能時，踩到一個 Chart.js 的經典坑：當圖表所在的 Tab 被隱藏時，匯出的圖片是空白的。