部落格Nuxt 2升級Nuxt 3（四）：PWA模組 @nuxt/pwa → @vite-pwa/nuxt

2024/01/241 min前端筆記

#blog #nuxt #vue #nuxt2 #nuxt3 #pwa

在紀錄了最重要的Nuxt Content升級過程之後，接著是 PWA 模組。

修改 PWA 模組

原有的@nuxtjs/pwa模組沒有開發 Nuxt 3 版本，要改用@vite-pwa/nuxt。由於是直接改用另一個模組，設定值什麼的幾乎沒辦法同步過去，也沒什麼「升級過程」可以紀錄，就讓我直接引用之前寫的文章吧：《Nuxt3中使用vite-pwa實現pwa功能》。

本篇結束 XD。

部落格Nuxt 2升級Nuxt 3（一）：bootstrapVue置換成自製的bootrap5元件

如之前規劃，部落格升級 Nuxt3 的第一步是先把 bootstrapVue 抽換成自己實做的 bootstrap5。這篇是紀錄過程中覺得特別困難或是需要研究的部份。

4 min2024/01/24

部落格Nuxt 2升級Nuxt 3：前言

從去年年初開始建置的這個部落格網站，邊寫文章的同時陸陸續續補上功能後，大概到上個月才終於像是有個部落格的樣子。但由於 Nuxt2 即將在 2024/06/30 停止官方支援，而作為基底的 Vue2 更是在 2023/12/31 已停止官方支援，所以……想說要做的新功能可能先放著，先把部落格從 Nuxt2 升級到 Nuxt3 比較好。

5 min2024/01/24

部落格Nuxt 2升級Nuxt 3（六）：Vuex → Pinia

Nuxt 3 的狀態管理套件從 Nuxt 2 的 Vuex 改成了 Pinia，兩者差異不算大，部落格用到的功能也不多。其中比較要注意的就是 Nuxt 3 不再提供nuxtServerInit方法，若需要在 server 端初始化一些資料的話，就要透過其他作法來完成。