![[筆記] Vite6 Sentry Vue3 監控工具導入 2025](https://smlpoints.com/wp-content/uploads/notes-vue-3-sentry-sass-integrate-1.png "[筆記] Vite6 Sentry Vue3 監控工具導入 2025")
[筆記] Vite6 Sentry Vue3 監控工具導入 2025
在 2025 年來導入 Sentry 監控工具，又變得更為簡易一些。這邊筆記一下與 Vue3 整合的記錄，和需要注意的事項。 內容 手動送至 Sentry 1. Read More …
標籤: vue3
![[筆記] 修正 ResizeObserver loop limit exceeded 錯誤](https://smlpoints.com/wp-content/uploads/notes-vuejs-node-js-initialize-projects-1.jpg "[筆記] 修正 ResizeObserver loop limit exceeded 錯誤")
[筆記] 修正 ResizeObserver loop limit exceeded 錯誤
當你的網頁端畫面有多次觸發重繪 re-paint 的行為，那你就有機會在 F12 的瀏覽器開發內，看見 ResizeObserver loop limit ex Read More …
[筆記] Vue3 實作點擊聚焦 input 當失焦時觸發函式
Vue3 在實作失焦時觸發某個函式時，需先有「聚焦」的行為。因此你在點擊某個按鈕後，要幫使用者自動聚焦到指定的 input 上，否則會發生預期外的行為。 內容 Read More …
![[筆記] 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 自製 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 …
