[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"versions":3,"module-xstate":7},{"v3":4,"v4":5,"v2":6},"3.21.5","4.4.5","2.18.1",{"name":8,"description":9,"repo":10,"npm":11,"icon":12,"github":13,"website":14,"learn_more":15,"category":16,"type":17,"maintainers":18,"compatibility":22,"generatedAt":26,"contributors":27,"stats":35,"readme":43},"xstate","XState integration for Nuxt","Lexpeartha/nuxt-xstate","nuxt-xstate","xstate.svg","https://github.com/Lexpeartha/nuxt-xstate","https://nuxt-xstate.lexpeartha.com","https://xstate.js.org/","Extensions","3rd-party",[19],{"name":20,"github":20,"twitter":21},"Lexpeartha","lexpeartha",{"nuxt":23,"requires":24},"^2.16.0 || ^3.0.0",{"bridge":25},true,"2026-05-16T08:00:37.454Z",[28,31],{"id":29,"username":20,"contributions":30},43365376,90,{"id":32,"username":33,"contributions":34},28706372,"danielroe",2,{"version":36,"downloads":37,"stars":38,"watchers":38,"forks":39,"defaultBranch":40,"publishedAt":41,"createdAt":42},"0.6.2",377,59,3,"main",1687594734753,1659894979999,{"data":44,"body":47,"toc":514},{"title":45,"description":46},"Nuxt XState","     ",{"type":48,"children":49},"root",[50,57,97,112,140,147,165,171,176,246,259,401,407,419,425,454,460,508],{"type":51,"tag":52,"props":53,"children":54},"element","h1",{"id":11},[55],{"type":56,"value":45},"text",{"type":51,"tag":58,"props":59,"children":60},"p",{},[61,67,69,74,75,79,80,85,86,91,92],{"type":51,"tag":62,"props":63,"children":66},"img",{"alt":64,"src":65},"GitHub package.json version","https://img.shields.io/github/package-json/v/Lexpeartha/nuxt-xstate?style=flat-square",[],{"type":56,"value":68}," ",{"type":51,"tag":62,"props":70,"children":73},{"alt":71,"src":72},"npm (prod) dependency version","https://img.shields.io/npm/dependency-version/nuxt-xstate/@nuxt/kit?style=flat-square",[],{"type":56,"value":68},{"type":51,"tag":62,"props":76,"children":78},{"alt":71,"src":77},"https://img.shields.io/npm/dependency-version/nuxt-xstate/xstate?style=flat-square",[],{"type":56,"value":68},{"type":51,"tag":62,"props":81,"children":84},{"alt":82,"src":83},"npm","https://img.shields.io/npm/dm/nuxt-xstate?label=npm%20downloads&style=flat-square",[],{"type":56,"value":68},{"type":51,"tag":62,"props":87,"children":90},{"alt":88,"src":89},"Website","https://img.shields.io/website?down_message=offline&label=documentation&style=flat-square&up_message=online&url=https%3A%2F%2Fnuxt-xstate.lexpeartha.com%2F",[],{"type":56,"value":68},{"type":51,"tag":62,"props":93,"children":96},{"alt":94,"src":95},"GitHub Workflow Status","https://img.shields.io/github/actions/workflow/status/Lexpeartha/nuxt-xstate/ci.yml?label=ci&style=flat-square&branch=main",[],{"type":51,"tag":58,"props":98,"children":99},{},[100,102,110],{"type":56,"value":101},"Nuxt XState module allows for easy integration of ",{"type":51,"tag":103,"props":104,"children":107},"a",{"href":15,"rel":105},[106],"nofollow",[108],{"type":56,"value":109},"XState",{"type":56,"value":111}," with Nuxt.js.",{"type":51,"tag":113,"props":114,"children":115},"ul",{},[116,128],{"type":51,"tag":117,"props":118,"children":119},"li",{},[120,126],{"type":51,"tag":103,"props":121,"children":123},{"href":14,"rel":122},[106],[124],{"type":56,"value":125},"Read documentation",{"type":56,"value":127}," :book:",{"type":51,"tag":117,"props":129,"children":130},{},[131,138],{"type":51,"tag":103,"props":132,"children":135},{"href":133,"rel":134},"https://stackblitz.com/edit/nuxt-xstate-playground?file=app.vue",[106],[136],{"type":56,"value":137},"Online playground",{"type":56,"value":139}," 🎮",{"type":51,"tag":141,"props":142,"children":144},"h2",{"id":143},"features",[145],{"type":56,"value":146},"Features ✨",{"type":51,"tag":113,"props":148,"children":149},{},[150,155,160],{"type":51,"tag":117,"props":151,"children":152},{},[153],{"type":56,"value":154},"Nuxt Bridge & Nuxt 3 supported",{"type":51,"tag":117,"props":156,"children":157},{},[158],{"type":56,"value":159},"Auto-importing of XState composables",{"type":51,"tag":117,"props":161,"children":162},{},[163],{"type":56,"value":164},"Auto-importing of your own state-machines",{"type":51,"tag":141,"props":166,"children":168},{"id":167},"installation",[169],{"type":56,"value":170},"Installation 💾",{"type":51,"tag":58,"props":172,"children":173},{},[174],{"type":56,"value":175},"Run one of the following commands:",{"type":51,"tag":177,"props":178,"children":183},"pre",{"className":179,"code":180,"language":181,"meta":182,"style":182},"language-bash shiki shiki-themes material-theme-lighter material-theme-lighter material-theme-palenight","yarn add --dev nuxt-xstate\n# or\nnpm install --save-dev nuxt-xstate\n","bash","",[184],{"type":51,"tag":185,"props":186,"children":187},"code",{"__ignoreMap":182},[188,216,225],{"type":51,"tag":189,"props":190,"children":193},"span",{"class":191,"line":192},"line",1,[194,200,206,211],{"type":51,"tag":189,"props":195,"children":197},{"style":196},"--shiki-light:#E2931D;--shiki-default:#E2931D;--shiki-dark:#FFCB6B",[198],{"type":56,"value":199},"yarn",{"type":51,"tag":189,"props":201,"children":203},{"style":202},"--shiki-light:#91B859;--shiki-default:#91B859;--shiki-dark:#C3E88D",[204],{"type":56,"value":205}," add",{"type":51,"tag":189,"props":207,"children":208},{"style":202},[209],{"type":56,"value":210}," --dev",{"type":51,"tag":189,"props":212,"children":213},{"style":202},[214],{"type":56,"value":215}," nuxt-xstate\n",{"type":51,"tag":189,"props":217,"children":218},{"class":191,"line":34},[219],{"type":51,"tag":189,"props":220,"children":222},{"style":221},"--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#90A4AE;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic",[223],{"type":56,"value":224},"# or\n",{"type":51,"tag":189,"props":226,"children":227},{"class":191,"line":39},[228,232,237,242],{"type":51,"tag":189,"props":229,"children":230},{"style":196},[231],{"type":56,"value":82},{"type":51,"tag":189,"props":233,"children":234},{"style":202},[235],{"type":56,"value":236}," install",{"type":51,"tag":189,"props":238,"children":239},{"style":202},[240],{"type":56,"value":241}," --save-dev",{"type":51,"tag":189,"props":243,"children":244},{"style":202},[245],{"type":56,"value":215},{"type":51,"tag":58,"props":247,"children":248},{},[249,251,257],{"type":56,"value":250},"And add it to your ",{"type":51,"tag":185,"props":252,"children":254},{"className":253},[],[255],{"type":56,"value":256},"nuxt.config.ts",{"type":56,"value":258},":",{"type":51,"tag":177,"props":260,"children":264},{"className":261,"code":262,"language":263,"meta":182,"style":182},"language-js shiki shiki-themes material-theme-lighter material-theme-lighter material-theme-palenight","import { defineNuxtConfig } from 'nuxt/config'\n\nexport default defineNuxtConfig({\n  modules: ['nuxt-xstate']\n})\n","js",[265],{"type":51,"tag":185,"props":266,"children":267},{"__ignoreMap":182},[268,314,322,350,387],{"type":51,"tag":189,"props":269,"children":270},{"class":191,"line":192},[271,277,283,289,294,299,304,309],{"type":51,"tag":189,"props":272,"children":274},{"style":273},"--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#39ADB5;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic",[275],{"type":56,"value":276},"import",{"type":51,"tag":189,"props":278,"children":280},{"style":279},"--shiki-light:#39ADB5;--shiki-default:#39ADB5;--shiki-dark:#89DDFF",[281],{"type":56,"value":282}," {",{"type":51,"tag":189,"props":284,"children":286},{"style":285},"--shiki-light:#90A4AE;--shiki-default:#90A4AE;--shiki-dark:#BABED8",[287],{"type":56,"value":288}," defineNuxtConfig",{"type":51,"tag":189,"props":290,"children":291},{"style":279},[292],{"type":56,"value":293}," }",{"type":51,"tag":189,"props":295,"children":296},{"style":273},[297],{"type":56,"value":298}," from",{"type":51,"tag":189,"props":300,"children":301},{"style":279},[302],{"type":56,"value":303}," '",{"type":51,"tag":189,"props":305,"children":306},{"style":202},[307],{"type":56,"value":308},"nuxt/config",{"type":51,"tag":189,"props":310,"children":311},{"style":279},[312],{"type":56,"value":313},"'\n",{"type":51,"tag":189,"props":315,"children":316},{"class":191,"line":34},[317],{"type":51,"tag":189,"props":318,"children":319},{"emptyLinePlaceholder":25},[320],{"type":56,"value":321},"\n",{"type":51,"tag":189,"props":323,"children":324},{"class":191,"line":39},[325,330,335,340,345],{"type":51,"tag":189,"props":326,"children":327},{"style":273},[328],{"type":56,"value":329},"export",{"type":51,"tag":189,"props":331,"children":332},{"style":273},[333],{"type":56,"value":334}," default",{"type":51,"tag":189,"props":336,"children":338},{"style":337},"--shiki-light:#6182B8;--shiki-default:#6182B8;--shiki-dark:#82AAFF",[339],{"type":56,"value":288},{"type":51,"tag":189,"props":341,"children":342},{"style":285},[343],{"type":56,"value":344},"(",{"type":51,"tag":189,"props":346,"children":347},{"style":279},[348],{"type":56,"value":349},"{\n",{"type":51,"tag":189,"props":351,"children":353},{"class":191,"line":352},4,[354,360,364,369,374,378,382],{"type":51,"tag":189,"props":355,"children":357},{"style":356},"--shiki-light:#E53935;--shiki-default:#E53935;--shiki-dark:#F07178",[358],{"type":56,"value":359},"  modules",{"type":51,"tag":189,"props":361,"children":362},{"style":279},[363],{"type":56,"value":258},{"type":51,"tag":189,"props":365,"children":366},{"style":285},[367],{"type":56,"value":368}," [",{"type":51,"tag":189,"props":370,"children":371},{"style":279},[372],{"type":56,"value":373},"'",{"type":51,"tag":189,"props":375,"children":376},{"style":202},[377],{"type":56,"value":11},{"type":51,"tag":189,"props":379,"children":380},{"style":279},[381],{"type":56,"value":373},{"type":51,"tag":189,"props":383,"children":384},{"style":285},[385],{"type":56,"value":386},"]\n",{"type":51,"tag":189,"props":388,"children":390},{"class":191,"line":389},5,[391,396],{"type":51,"tag":189,"props":392,"children":393},{"style":279},[394],{"type":56,"value":395},"}",{"type":51,"tag":189,"props":397,"children":398},{"style":285},[399],{"type":56,"value":400},")\n",{"type":51,"tag":141,"props":402,"children":404},{"id":403},"usage",[405],{"type":56,"value":406},"Usage 🧰",{"type":51,"tag":58,"props":408,"children":409},{},[410,412],{"type":56,"value":411},"👉 Check out the ",{"type":51,"tag":103,"props":413,"children":416},{"href":414,"rel":415},"https://nuxt-xstate.lexpeartha.com/getting-started/usage",[106],[417],{"type":56,"value":418},"documentation",{"type":51,"tag":141,"props":420,"children":422},{"id":421},"work-in-progress",[423],{"type":56,"value":424},"Work in progress 🚧",{"type":51,"tag":113,"props":426,"children":429},{"className":427},[428],"contains-task-list",[430],{"type":51,"tag":117,"props":431,"children":434},{"className":432},[433],"task-list-item",[435,440,441,452],{"type":51,"tag":436,"props":437,"children":439},"input",{"disabled":25,"type":438},"checkbox",[],{"type":56,"value":68},{"type":51,"tag":103,"props":442,"children":445},{"href":443,"rel":444},"https://xstate.js.org/docs/packages/xstate-inspect/",[106],[446],{"type":51,"tag":185,"props":447,"children":449},{"className":448},[],[450],{"type":56,"value":451},"@xstate/inspect",{"type":56,"value":453}," support",{"type":51,"tag":141,"props":455,"children":457},{"id":456},"development",[458],{"type":56,"value":459},"Development 💻",{"type":51,"tag":113,"props":461,"children":462},{},[463,474,487],{"type":51,"tag":117,"props":464,"children":465},{},[466,468],{"type":56,"value":467},"Clone repository and install dependencies with ",{"type":51,"tag":185,"props":469,"children":471},{"className":470},[],[472],{"type":56,"value":473},"yarn install",{"type":51,"tag":117,"props":475,"children":476},{},[477,479,485],{"type":56,"value":478},"Run ",{"type":51,"tag":185,"props":480,"children":482},{"className":481},[],[483],{"type":56,"value":484},"yarn dev:prepare",{"type":56,"value":486}," to generate type stubs.",{"type":51,"tag":117,"props":488,"children":489},{},[490,492,498,500,506],{"type":56,"value":491},"Use ",{"type":51,"tag":185,"props":493,"children":495},{"className":494},[],[496],{"type":56,"value":497},"yarn dev",{"type":56,"value":499}," to start ",{"type":51,"tag":103,"props":501,"children":503},{"href":502},"./playground",[504],{"type":56,"value":505},"playground",{"type":56,"value":507}," in development mode.",{"type":51,"tag":509,"props":510,"children":511},"style",{},[512],{"type":56,"value":513},"html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":182,"searchDepth":34,"depth":34,"links":515},[516,517,518,519,520],{"id":143,"depth":34,"text":146},{"id":167,"depth":34,"text":170},{"id":403,"depth":34,"text":406},{"id":421,"depth":34,"text":424},{"id":456,"depth":34,"text":459}]