--- title: "You-Lun Lin (@urlun0404) | Hashnode" description: "You-Lun Lin (@urlun0404) writes on Hashnode. Read their latest articles and follow their work." url: "https://hashnode.com/@urlun0404" --- @urlun0404 # You-Lun Lin @urlun0404 · New Taipei, Taiwan · Joined September 2023 ### [Vue: readonly的代理坑](https://urlun0404.hashnode.dev/vue-readonly-proxy-issue?utm_source=hashnode&utm_medium=feed) 解析 Vue reactivity 中 readonly 的深層代理行為，說明為何從 composable 返回的巢狀物件無法直接修改，並示範以 id 更新原始 state 的正確做法與範例。 1 min read · [urlun0404.hashnode.dev](https://urlun0404.hashnode.dev/vue-readonly-proxy-issue?utm_source=hashnode&utm_medium=feed) [Feb 26](https://hashnode.com/posts/vue-readonly-proxy-issue/69a005e7c9015c37f6f39f46) ### [Pinia: 在Vue元件以外安全地使用pinia](https://urlun0404.hashnode.dev/pinia-vue-pinia?utm_source=hashnode&utm_medium=feed) 最近才發現Pinia跟React全域狀態管理的使用方式不一樣，有個很方便的特性是，如果要在Vue元件以外使用，只要pinia store是在 app.use(pinia) 後呼叫即可使用，其中更能確保pinia store被呼叫的方式是──在函式(function)內使用： The easiest way to ensure this is always applied is to defer 1 min read · [urlun0404.hashnode.dev](https://urlun0404.hashnode.dev/pinia-vue-pinia?utm_source=hashnode&utm_medium=feed) [Feb 25](https://hashnode.com/posts/pinia-vue-pinia/699e5d510daf99859e63cb75) ### [JS: Barrel file隱含的問題](https://urlun0404.hashnode.dev/js-barrel-file-issue?utm_source=hashnode&utm_medium=feed) 以前實習時候學到用barrel file管理模組，因為可以讓模組管理變得很一目了然、import的時候可以一行引入多個模組，所以工作後仍持續使用barrel file，結果後來才發現barrel file其實藏有蠻多潛在問題： 降低開發體驗 以Vite開發模式來說，即便只引用barrel file內其中一個模組，Vite在初始化的時候需要時間去解析和轉換barrel file裡面所有export出 2 min read · [urlun0404.hashnode.dev](https://urlun0404.hashnode.dev/js-barrel-file-issue?utm_source=hashnode&utm_medium=feed) [Feb 23](https://hashnode.com/posts/js-barrel-file-issue/699c39421ff70686f28c7928) ### [Vite: 引用svg檔案為React Component—使用vite-plugin-svgr v4](https://urlun0404.hashnode.dev/vite-svgreact-componentvite-plugin-svgr-v4?utm_source=hashnode&utm_medium=feed) Learn how to import SVGs as React components in Vite using vite-plugin-svgr v4 to allow flexible styling and attributes 1 min read · [urlun0404.hashnode.dev](https://urlun0404.hashnode.dev/vite-svgreact-componentvite-plugin-svgr-v4?utm_source=hashnode&utm_medium=feed) [Feb 12](https://hashnode.com/posts/vite-svgreact-componentvite-plugin-svgr-v4/698df5e8f52e3fbe8db8e6d5) ### [AWS: 終止Amplify pending state](https://urlun0404.hashnode.dev/stop-aws-amplify-pending-state?utm_source=hashnode&utm_medium=feed) 工作會使用Amplify部署專案，結果碰到Amplify一直顯示pending狀態，而且沒辦法透過Amplify本身的console面板去終止上傳。 後來看到stackoverflow網友的解法，可以用AWS cli去停止上傳，不過這要先設定個人的access key。 設定access key 💡 access key和secret access key只會顯示一次，所以要保存好。 使用AWS CLI終止pending狀態 安裝AWS CLI設定好個人的access... 1 min read · [urlun0404.hashnode.dev](https://urlun0404.hashnode.dev/stop-aws-amplify-pending-state?utm_source=hashnode&utm_medium=feed) [Jan 15](https://hashnode.com/posts/stop-aws-amplify-pending-state/69685f21cf25fcd6db8c3d26)