![[筆記] Vue3 實作拖曳點擊上傳結合圖片預覽元件](https://smlpoints.com/wp-content/uploads/notes-vuejs-node-js-initialize-projects-1.jpg "[筆記] Vue3 實作拖曳點擊上傳結合圖片預覽元件")
[筆記] Vue3 實作拖曳點擊上傳結合圖片預覽元件
因專案需求以及客製化樣式，決定自行手刻一個拖曳點擊上傳圖片的區塊，需要兼有圖片預覽、移除圖片、指定格式、檢查檔案大小以及因應 iOS 獨有的 heic 格式的轉 Read More …
標籤: vue3
![[筆記] UI Lib Picker 挑選適合你的 Vue3 UI Library](https://smlpoints.com/wp-content/uploads/notes-ui-lib-picker-vue3-ui-library-1-1-200x200.jpg "[筆記] UI Lib Picker 挑選適合你的 Vue3 UI Library")
[筆記] UI Lib Picker 挑選適合你的 Vue3 UI Library
UI Lib Picker 網站集合了各種知名的 Vue3 UI 套件庫的比較，方便開發者針對自己的需求來進行選擇。 內容 [ 網址 ]：https://ui- Read More …
![[筆記] 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 …
[筆記] 修正 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 …
