我很自豪能跳出舒適圈，學習 Vue 3 和 Svelte 5/SvelteKit，整個過程非常愉快。在30天裡，我用三個框架完成了5個示範，共15個示範。雖然過程中我看起來有點瘋狂。這5個示範涵蓋了從初學者到中級的不同課題。

示範1

一個只包含一個組件的小型 Shopping Cart 應用。

示範2

含有父子組件的小型 Coffee Plan 應用，演示了類別和樣式綁定、事件處理、傳入輸入和向父組件輸出數據。

示範3

使用 Vue 3's 可組合函數（Composable）、SvelteKit's data loader 和 Angular 服務呼叫 Github API 獲得 Github 個人資料。在本地開發時，將Github API密鑰安全存放於 .env，生產環境則使用Github Page存放。

示範4

使用動態組件 (Dynamic Component) 動態渲染警告圖示。利用雙向數據綁定 (two-way data binding) 綁定父子組件間的下拉選項值。重構組件，將通知邏輯移至可組合函數 (Composable)/ Store /服務供使組件更精簡、更易於維護。。

示範5

使用路由從首頁跳轉到詳情頁。使用監聽器 (watcher) 觀察博客文章對象，根據用戶ID發出HTTP請求取得用戶名稱。當HTTP請求失敗時，顯示加載指示器和錯誤訊息。

這些小型示範讓我收穫良多，我很高興發現這些框架差異不大，擁有正確的基礎概念對打造穩健的網頁應用更為重要。