Nuxt.js安裝Pinia與pinia-plugin-persistedstate

pinia安裝

1. 安裝

• npm i @pinia/nuxt

2. 新增到nuxt.config.ts

export default defineNuxtConfig({
    modules: ['@pinia/nuxt'],
})

pinia-plugin-persistedstate安裝

1. 安裝

• pnpm : pnpm i -D @pinia-plugin-persistedstate/nuxt
• npm : npm i -D @pinia-plugin-persistedstate/nuxt
• yarn : yarn add -D @pinia-plugin-persistedstate/nuxt

2. 新增到nuxt.config.ts

export default defineNuxtConfig({
  modules: [
    '@pinia/nuxt', // needed
    '@pinia-plugin-persistedstate/nuxt',
  ]
})

可能遇到的問題

在Vscode中開啟專案並安裝完成後，可能一時間沒法找到依賴，會報錯。
重新npm run dev一下就能解決，不用再去安裝原包並import。