![[筆記] Vite 6 vitest 出現 Type PluginOption[] is not assignable to type PluginOption 錯誤](https://smlpoints.com/wp-content/uploads/notes-2024-from-jest-to-vitest-1-200x200.jpg "[筆記] Vite 6 vitest 出現 Type PluginOption[] is not assignable to type PluginOption 錯誤")
[筆記] Vite 6 vitest 出現 Type PluginOption[] is not assignable to type PluginOption 錯誤
Vite6 搭配 vitest 使用時，若版本不符合的情況下，會在 TypeScript 檢查時發現錯誤。這邊筆記下原因和解決方式。 內容 此錯誤是由於 vit Read More …
標籤: vue3
![[筆記] Vue3 自製 Collapse Transition 收摺動畫](https://smlpoints.com/wp-content/uploads/notes-vuejs-node-js-initialize-projects-1.jpg "[筆記] Vue3 自製 Collapse Transition 收摺動畫")
[筆記] Vue3 自製 Collapse Transition 收摺動畫
Vue 3 利用 <Transition> 實現動態高度的收摺動畫，並撰寫一個 composable 來幫助重複使用。 內容 由於 Vue 的 &l Read More …
[筆記] Vue i18n v10 以上版本 複數 Plural 使用方式
這邊筆記一下 Vue i18n 在 v10 以上版本時，Plural 複數功能要如何使用。 內容 詳請可見：https://vue-i18n.intlify.d Read More …
![[筆記] Vite 導入 Exceljs 輸出簡易表格](https://smlpoints.com/wp-content/uploads/notes-vite-exceljs-export-demo-1-200x200.jpg "[筆記] Vite 導入 Exceljs 輸出簡易表格")
[筆記] Vite 導入 Exceljs 輸出簡易表格
這次在專案內要加上輸出資料成 Excel 檔案。這邊筆記下思考邏輯和一些注意事項。 內容 [ Repo ]：exceljs/exceljs 邏輯思考 1. 先將 Read More …
[筆記] Vue3 實作類似 Checkbox 的 Radio 元件
近期接到一個需求，想讓 Radio 元件變成 Checkbox 的樣子，並保有 Radio 的行為。雖說一群選項僅單選，本應使用 Radio 而不是 Check Read More …
[筆記] FullCalendar V6 搭配 Tooltip 實作方法
FullCalendar 官網所提供的 Tooltip 範例，背後所採用的是 popper.js 第二代所衍生的 tippy.js。有鑑於 popper.js Read More …
![[筆記] 篩選可用的時間區段 – 思路與邏輯](https://smlpoints.com/wp-content/uploads/notes-vue-2-with-typescript-1.png "[筆記] 篩選可用的時間區段 – 思路與邏輯")
[筆記] 篩選可用的時間區段 – 思路與邏輯
這回在業務上會需要依據場地是否有無被預約，進而顯示可用的開始時間和結束時間。這邊筆記下一些邏輯上的細節。 內容 注意事項 1. 日期的格式，會影響到 dayjs Read More …
[筆記] Vue3 在 vue 檔案以外的地方使用 vue-i18n
Vue3 的 vue-18n 若要在 .vue 的以外部分來執行，是不可使用 composable 方法來取得的，而是要從原始的 i18n Instance 來 Read More …
[筆記] 2024 從 Jest 轉移到 Vitest 過程筆記
近期為了解決 import.meta 無法順利使用 Jest 來進行單元測試的問題，於是改用 vite 為基底並盡可能相容 Jest 語法的 vitest。轉移 Read More …
