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