Pinia2 [Nuxt] Nuxt3에서 Pinia 사용하기 Pinia Vuex와 유사한 Vue의 상태관리 프레임워크입니다. Pinia를 사용한다면 구성 요소 및 페이지 간 상태를 공유할 수 있습니다. 사용 환경 Node Version: v16.13.1 Nuxt Version: 3.0.0-rc.9 Package Manager: yarn@1.22.17 Pinia 설치 pinia와 @pinia/nuxt를 설치해야 합니다. yarn add pinia @pinia/nuxt nuxt.config 설정 modules에 @pinia/nuxt만 추가하면 됩니다. import { defineNuxtConfig } from 'nuxt' export default defineNuxtConfig({ modules: [ '@pinia/nuxt', ], }) .. 2022. 9. 17. [Nuxt] Nuxt3에서 pinia-plugin-persistedstate 사용하여 Pinia 상태 유지하기 pinia-plugin-persistedstate pinia로 상태 관리를 하는 경우 화면을 새로고침 할 때 store 안에 존재하는 값들이 초기화 된다. 이 때 로컬 스토리지를 이용하여 상태를 유지할 수 있는데 이를 간편하게 해주는 플러그인이다. vuex의 vuex-persistedstate와 유사하다. 설치 및 설정 방법 yarn add pinia-plugin-persistedstate 로컬 스토리지를 사용하도록 설정 // plugins/persistedstate.client.ts import { createPersistedState } from "pinia-plugin-persistedstate"; export default defineNuxtPlugin((nuxtApp) => { nuxtApp.$.. 2022. 8. 2. 이전 1 다음