Pinia State Persistence & Memory Governance in Nuxt 4

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 deeply wraps entire object tree
const posts = ref<Post[]>([])

// ✅ shallowRef only tracks reference changes
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    # Unit tests
pnpm memory:profile # Memory profiling (--expose-gc)
pnpm memory:load    # Load testing
pnpm memory:analyze # Log analysis