Inflearn コミュニティ Q&A

Pinia persist에서 데이터를 암호화하기 위해서는 persist 플러그인의 serializer 옵션을 참고할 수 있습니다. 예를 들면:

import { defineStore } from 'pinia'
import CryptoJS from 'crypto-js'

const ENCRYPT_KEY = 'your-secret-key'

export const useUserStore = defineStore('user', {
  state: () => ({
    name: '',
    email: ''
  }),
  persist: {
    storage: localStorage,
    serializer: {
      serialize: (state) => {
        return CryptoJS.AES.encrypt(JSON.stringify(state), ENCRYPT_KEY).toString()
      },
      deserialize: (state) => {
        const decrypted = CryptoJS.AES.decrypt(state, ENCRYPT_KEY).toString(CryptoJS.enc.Utf8)
        return JSON.parse(decrypted)
      }
    }
  }
})

이와 같이 참고할 수 있고요.

아래 링크는 참고 링크입니다.

• https://prazdevs.github.io/pinia-plugin-persistedstate/guide/config.html#serializer

• https://www.npmjs.com/package/crypto-js