Pinia 狀態持久化與記憶體治理實戰

modules: [
    ['@pinia/nuxt', { autoImports: ['defineStore', 'storeToRefs', 'acceptHMRUpdate'] }],
    'pinia-plugin-persistedstate/nuxt'
]

piniaPluginPersistedstate: {
    cookieOptions: { sameSite: 'strict', secure: process.env.NODE_ENV !== 'development' },
    storage: 'localStorage',
    debug: process.env.NODE_ENV === 'development'
}

export const useCartStore = defineStore('cart', () => {
    const items = ref([])
}, {
    persist: { key: 'salong_cart', storage: localStorage, paths: ['items'] }
})

// ❌ ref 遞迴將整個物件樹轉換為響應式
const posts = ref<Post[]>([])

// ✅ shallowRef 只追蹤陣列引用變化
const posts = shallowRef<Post[]>([])

const KEEPALIVE_MAX = 12
const keepaliveExcludeRules = [/^\\/builder/, /^\\/login/, /^\\/cart/, ...]

export default defineNuxtRouteMiddleware((to) => {
    if (shouldKeepAlive(to.path)) { to.meta.keepalive = { max: KEEPALIVE_MAX } }
})

pnpm memory:test    # 單元測試
pnpm memory:profile # 記憶體分析（--expose-gc）
pnpm memory:load    # 負載測試
pnpm memory:analyze # 日誌分析