Files
agent-skills/skills/pinia/references/advanced-hmr.md
Jason Woltje f5792c40be feat: Complete fleet — 94 skills across 10+ domains
Pulled ALL skills from 15 source repositories:
- anthropics/skills: 16 (docs, design, MCP, testing)
- obra/superpowers: 14 (TDD, debugging, agents, planning)
- coreyhaines31/marketingskills: 25 (marketing, CRO, SEO, growth)
- better-auth/skills: 5 (auth patterns)
- vercel-labs/agent-skills: 5 (React, design, Vercel)
- antfu/skills: 16 (Vue, Vite, Vitest, pnpm, Turborepo)
- Plus 13 individual skills from various repos

Mosaic Stack is not limited to coding — the Orchestrator and
subagents serve coding, business, design, marketing, writing,
logistics, analysis, and more.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-02-16 16:27:42 -06:00

1.4 KiB

name, description
name description
hot-module-replacement Enable HMR to preserve store state during development

Hot Module Replacement (HMR)

Pinia supports HMR to edit stores without page reload, preserving existing state.

Setup

Add this snippet after each store definition:

import { defineStore, acceptHMRUpdate } from 'pinia'

export const useAuth = defineStore('auth', {
  // store options...
})

if (import.meta.hot) {
  import.meta.hot.accept(acceptHMRUpdate(useAuth, import.meta.hot))
}

Setup Store Example

import { defineStore, acceptHMRUpdate } from 'pinia'

export const useCounterStore = defineStore('counter', () => {
  const count = ref(0)
  const increment = () => count.value++
  return { count, increment }
})

if (import.meta.hot) {
  import.meta.hot.accept(acceptHMRUpdate(useCounterStore, import.meta.hot))
}

Bundler Support

  • Vite: Officially supported via import.meta.hot
  • Webpack: Uses import.meta.webpackHot
  • Any bundler implementing the import.meta.hot spec should work

Nuxt

With @pinia/nuxt, acceptHMRUpdate is auto-imported but you still need to add the HMR snippet manually.

Benefits

  • Edit store logic without losing state
  • Add/remove state, actions, and getters on the fly
  • Faster development iteration