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