隨機手札 雜七雜八之地

部落格Nuxt 2升級Nuxt 3(四):PWA模組 @nuxt/pwa → @vite-pwa/nuxt

1 min前端筆記
#blog #nuxt #vue #nuxt2 #nuxt3 #pwa

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


修改 PWA 模組

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

本篇結束 XD。


Support me on Ko-fi
相關文章

部落格Nuxt 2升級Nuxt 3(一):bootstrapVue置換成自製的bootrap5元件

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

4 min

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

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

5 min

部落格Nuxt 2升級Nuxt 3(六):Vuex → Pinia

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

5 min