[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"versions":3,"module-storybook":8},{"v5":4,"v4":5,"v3":6,"v2":7},"5 (nightly)","4.4.5","3.21.5","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":28,"generatedAt":33,"contributors":34,"stats":128,"readme":137},"storybook","Easily integrate Storybook in your Nuxt application to design, build, and test your UI components in isolation.","nuxt-modules\u002Fstorybook#main\u002Fpackages\u002Fnuxt-module","@nuxtjs\u002Fstorybook","storybook.png","https:\u002F\u002Fgithub.com\u002Fnuxt-modules\u002Fstorybook","https:\u002F\u002Fstorybook.nuxtjs.org","","Devtools","community",[20,24],{"name":21,"github":22,"twitter":23},"Chakir QATAB","chakAs3","ChakirQatab",{"name":25,"github":26,"twitter":27},"Tobias Diez","tobiasdiez","tobias_diez",{"nuxt":29,"requires":30,"devtools":32},">=3.0.0",{"bridge":31},"optional","^0.7.2","2026-05-13T22:12:43.421Z",[35,38,41,45,49,53,56,60,63,67,70,73,76,79,83,86,89,92,95,98,101,104,107,110,113,116,119,122,125],{"id":36,"username":22,"contributions":37},711292,290,{"id":39,"username":26,"contributions":40},5037600,117,{"id":42,"username":43,"contributions":44},15233243,"obulat",9,{"id":46,"username":47,"contributions":48},63512348,"huang-julien",7,{"id":50,"username":51,"contributions":52},28706372,"danielroe",4,{"id":54,"username":55,"contributions":52},1696398,"akornmeier",{"id":57,"username":58,"contributions":59},6649305,"BobbieGoede",3,{"id":61,"username":62,"contributions":59},44604921,"shinGangan",{"id":64,"username":65,"contributions":66},10170446,"brandondv",2,{"id":68,"username":69,"contributions":66},2185527,"MiniDigger",{"id":71,"username":72,"contributions":66},1107521,"hacknug",{"id":74,"username":75,"contributions":66},753919,"mehcode",{"id":77,"username":78,"contributions":66},36924392,"codeplott",{"id":80,"username":81,"contributions":82},22685714,"Shalashtein",1,{"id":84,"username":85,"contributions":82},6622655,"ajeetchaulagain",{"id":87,"username":88,"contributions":82},5627174,"alex-key",{"id":90,"username":91,"contributions":82},247713,"bmulholland",{"id":93,"username":94,"contributions":82},74550679,"CasperSocio",{"id":96,"username":97,"contributions":82},1439623,"clemcode",{"id":99,"username":100,"contributions":82},198982749,"Copilot",{"id":102,"username":103,"contributions":82},48835293,"DamianGlowala",{"id":105,"username":106,"contributions":82},928780,"genu",{"id":108,"username":109,"contributions":82},7328625,"HZooly",{"id":111,"username":112,"contributions":82},29117090,"JulianMar",{"id":114,"username":115,"contributions":82},9149999,"baixiaoyu2997",{"id":117,"username":118,"contributions":82},308572,"blowsie",{"id":120,"username":121,"contributions":82},35223685,"yamachi4416",{"id":123,"username":124,"contributions":82},115626063,"luca-smartpricing",{"id":126,"username":127,"contributions":82},35210888,"robigan",{"version":129,"downloads":130,"stars":131,"watchers":132,"forks":133,"defaultBranch":134,"publishedAt":135,"createdAt":136},"9.0.1",172546,487,17,119,"main",1764714660196,1594725493976,{"data":138,"body":139,"toc":625},{"title":16,"description":16},{"type":140,"children":141},"root",[142,153,160,185,192,204,217,392,405,411,420,426,431,436,441,446,451,456,462,467,473,534,540,553,559,570,575,587,593,607,619],{"type":143,"tag":144,"props":145,"children":146},"element","p",{},[147],{"type":143,"tag":148,"props":149,"children":152},"img",{"alt":150,"src":151},"Nuxt Storybook","https:\u002F\u002Fgithub.com\u002Fnuxt-modules\u002Fstorybook\u002Fassets\u002F904724\u002F0396b16c-be9b-4b0d-83b5-5e35dd8298df",[],{"type":143,"tag":154,"props":155,"children":157},"h1",{"id":156},"nuxt-storybook",[158],{"type":159,"value":150},"text",{"type":143,"tag":144,"props":161,"children":162},{},[163,165,174,176,183],{"type":159,"value":164},"Integrate ",{"type":143,"tag":166,"props":167,"children":171},"a",{"href":168,"rel":169},"http:\u002F\u002Fstorybook.js.org",[170],"nofollow",[172],{"type":159,"value":173},"Storybook",{"type":159,"value":175}," into your ",{"type":143,"tag":166,"props":177,"children":180},{"href":178,"rel":179},"https:\u002F\u002Fnuxt.com",[170],[181],{"type":159,"value":182},"Nuxt",{"type":159,"value":184}," application.",{"type":143,"tag":186,"props":187,"children":189},"h2",{"id":188},"installing",[190],{"type":159,"value":191},"Installing",{"type":143,"tag":193,"props":194,"children":198},"pre",{"className":195,"code":197,"language":159},[196],"language-text","npx nuxi@latest module add storybook\n",[199],{"type":143,"tag":200,"props":201,"children":202},"code",{"__ignoreMap":16},[203],{"type":159,"value":197},{"type":143,"tag":144,"props":205,"children":206},{},[207,209,215],{"type":159,"value":208},"Update your ",{"type":143,"tag":200,"props":210,"children":212},{"className":211},[],[213],{"type":159,"value":214},"nuxt.config",{"type":159,"value":216},":",{"type":143,"tag":193,"props":218,"children":222},{"className":219,"code":220,"language":221,"meta":16,"style":16},"language-ts shiki shiki-themes material-theme-lighter material-theme-lighter material-theme-palenight","  modules: [\n    '@nuxtjs\u002Fstorybook',\n  ],\n  storybook: {\n    url: 'http:\u002F\u002Flocalhost:6006',\n    storybookRoute: '\u002F__storybook__',\n    port: 6006,\n  },\n","ts",[223],{"type":143,"tag":200,"props":224,"children":225},{"__ignoreMap":16},[226,248,271,283,300,331,361,383],{"type":143,"tag":227,"props":228,"children":230},"span",{"class":229,"line":82},"line",[231,237,242],{"type":143,"tag":227,"props":232,"children":234},{"style":233},"--shiki-light:#E2931D;--shiki-default:#E2931D;--shiki-dark:#FFCB6B",[235],{"type":159,"value":236},"  modules",{"type":143,"tag":227,"props":238,"children":240},{"style":239},"--shiki-light:#39ADB5;--shiki-default:#39ADB5;--shiki-dark:#89DDFF",[241],{"type":159,"value":216},{"type":143,"tag":227,"props":243,"children":245},{"style":244},"--shiki-light:#90A4AE;--shiki-default:#90A4AE;--shiki-dark:#BABED8",[246],{"type":159,"value":247}," [\n",{"type":143,"tag":227,"props":249,"children":250},{"class":229,"line":66},[251,256,261,266],{"type":143,"tag":227,"props":252,"children":253},{"style":239},[254],{"type":159,"value":255},"    '",{"type":143,"tag":227,"props":257,"children":259},{"style":258},"--shiki-light:#91B859;--shiki-default:#91B859;--shiki-dark:#C3E88D",[260],{"type":159,"value":12},{"type":143,"tag":227,"props":262,"children":263},{"style":239},[264],{"type":159,"value":265},"'",{"type":143,"tag":227,"props":267,"children":268},{"style":239},[269],{"type":159,"value":270},",\n",{"type":143,"tag":227,"props":272,"children":273},{"class":229,"line":59},[274,279],{"type":143,"tag":227,"props":275,"children":276},{"style":244},[277],{"type":159,"value":278},"  ]",{"type":143,"tag":227,"props":280,"children":281},{"style":239},[282],{"type":159,"value":270},{"type":143,"tag":227,"props":284,"children":285},{"class":229,"line":52},[286,291,295],{"type":143,"tag":227,"props":287,"children":288},{"style":233},[289],{"type":159,"value":290},"  storybook",{"type":143,"tag":227,"props":292,"children":293},{"style":239},[294],{"type":159,"value":216},{"type":143,"tag":227,"props":296,"children":297},{"style":239},[298],{"type":159,"value":299}," {\n",{"type":143,"tag":227,"props":301,"children":303},{"class":229,"line":302},5,[304,309,313,318,323,327],{"type":143,"tag":227,"props":305,"children":306},{"style":233},[307],{"type":159,"value":308},"    url",{"type":143,"tag":227,"props":310,"children":311},{"style":239},[312],{"type":159,"value":216},{"type":143,"tag":227,"props":314,"children":315},{"style":239},[316],{"type":159,"value":317}," '",{"type":143,"tag":227,"props":319,"children":320},{"style":258},[321],{"type":159,"value":322},"http:\u002F\u002Flocalhost:6006",{"type":143,"tag":227,"props":324,"children":325},{"style":239},[326],{"type":159,"value":265},{"type":143,"tag":227,"props":328,"children":329},{"style":239},[330],{"type":159,"value":270},{"type":143,"tag":227,"props":332,"children":334},{"class":229,"line":333},6,[335,340,344,348,353,357],{"type":143,"tag":227,"props":336,"children":337},{"style":233},[338],{"type":159,"value":339},"    storybookRoute",{"type":143,"tag":227,"props":341,"children":342},{"style":239},[343],{"type":159,"value":216},{"type":143,"tag":227,"props":345,"children":346},{"style":239},[347],{"type":159,"value":317},{"type":143,"tag":227,"props":349,"children":350},{"style":258},[351],{"type":159,"value":352},"\u002F__storybook__",{"type":143,"tag":227,"props":354,"children":355},{"style":239},[356],{"type":159,"value":265},{"type":143,"tag":227,"props":358,"children":359},{"style":239},[360],{"type":159,"value":270},{"type":143,"tag":227,"props":362,"children":363},{"class":229,"line":48},[364,369,373,379],{"type":143,"tag":227,"props":365,"children":366},{"style":233},[367],{"type":159,"value":368},"    port",{"type":143,"tag":227,"props":370,"children":371},{"style":239},[372],{"type":159,"value":216},{"type":143,"tag":227,"props":374,"children":376},{"style":375},"--shiki-light:#F76D47;--shiki-default:#F76D47;--shiki-dark:#F78C6C",[377],{"type":159,"value":378}," 6006",{"type":143,"tag":227,"props":380,"children":381},{"style":239},[382],{"type":159,"value":270},{"type":143,"tag":227,"props":384,"children":386},{"class":229,"line":385},8,[387],{"type":143,"tag":227,"props":388,"children":389},{"style":239},[390],{"type":159,"value":391},"  },\n",{"type":143,"tag":144,"props":393,"children":394},{},[395,397,403],{"type":159,"value":396},"Then run ",{"type":143,"tag":200,"props":398,"children":400},{"className":399},[],[401],{"type":159,"value":402},"pnpm dev",{"type":159,"value":404}," to start your Nuxt server.",{"type":143,"tag":186,"props":406,"children":408},{"id":407},"demo",[409],{"type":159,"value":410},"Demo",{"type":143,"tag":144,"props":412,"children":413},{},[414],{"type":143,"tag":166,"props":415,"children":418},{"href":416,"rel":417},"https:\u002F\u002Fgithub.com\u002Fstorybook-vue\u002Fnuxt-storybook-module-demo",[170],[419],{"type":159,"value":416},{"type":143,"tag":186,"props":421,"children":423},{"id":422},"features",[424],{"type":159,"value":425},"Features",{"type":143,"tag":144,"props":427,"children":428},{},[429],{"type":159,"value":430},"👌 Zero configuration to start (see video)",{"type":143,"tag":144,"props":432,"children":433},{},[434],{"type":159,"value":435},"🪄 Access Storybook Terminal",{"type":143,"tag":144,"props":437,"children":438},{},[439],{"type":159,"value":440},"🎨 Devtools tab with Storybook app",{"type":143,"tag":144,"props":442,"children":443},{},[444],{"type":159,"value":445},"⚙️ Reference your Storybook config in your app",{"type":143,"tag":144,"props":447,"children":448},{},[449],{"type":159,"value":450},"📦 Extendable by Nuxt modules",{"type":143,"tag":144,"props":452,"children":453},{},[454],{"type":159,"value":455},"🚀 Supports Nuxt 3 \u002F Storybook 8",{"type":143,"tag":186,"props":457,"children":459},{"id":458},"nuxt-2",[460],{"type":159,"value":461},"Nuxt 2",{"type":143,"tag":144,"props":463,"children":464},{},[465],{"type":159,"value":466},"Nuxt 2 is supported with Storybook v6, you can check legacy code on the v4 branch.",{"type":143,"tag":186,"props":468,"children":470},{"id":469},"contributing",[471],{"type":159,"value":472},"Contributing",{"type":143,"tag":474,"props":475,"children":476},"ol",{},[477,491,512,517,529],{"type":143,"tag":478,"props":479,"children":480},"li",{},[481,483,489],{"type":159,"value":482},"Install dependencies with ",{"type":143,"tag":200,"props":484,"children":486},{"className":485},[],[487],{"type":159,"value":488},"pnpm",{"type":159,"value":490},".",{"type":143,"tag":478,"props":492,"children":493},{},[494,496,502,504,510],{"type":159,"value":495},"Run ",{"type":143,"tag":200,"props":497,"children":499},{"className":498},[],[500],{"type":159,"value":501},"pnpm dev:prepare",{"type":159,"value":503}," to generate stubbed ",{"type":143,"tag":200,"props":505,"children":507},{"className":506},[],[508],{"type":159,"value":509},"dist",{"type":159,"value":511}," directory.",{"type":143,"tag":478,"props":513,"children":514},{},[515],{"type":159,"value":516},"Make your changes.",{"type":143,"tag":478,"props":518,"children":519},{},[520,521,527],{"type":159,"value":495},{"type":143,"tag":200,"props":522,"children":524},{"className":523},[],[525],{"type":159,"value":526},"pnpm lint",{"type":159,"value":528}," to verify that there are no issues (consider adding tests).",{"type":143,"tag":478,"props":530,"children":531},{},[532],{"type":159,"value":533},"Submit a PR.",{"type":143,"tag":186,"props":535,"children":537},{"id":536},"license",[538],{"type":159,"value":539},"License",{"type":143,"tag":144,"props":541,"children":542},{},[543,545,551],{"type":159,"value":544},"This repository is licensed under the ",{"type":143,"tag":166,"props":546,"children":548},{"href":547},"LICENSE",[549],{"type":159,"value":550},"MIT License",{"type":159,"value":552},". Feel free to use the code and modify it according to your needs.",{"type":143,"tag":186,"props":554,"children":556},{"id":555},"contacts",[557],{"type":159,"value":558},"Contacts :",{"type":143,"tag":144,"props":560,"children":561},{},[562,564],{"type":159,"value":563},"🔖 Mail: ",{"type":143,"tag":166,"props":565,"children":567},{"href":566},"mailto:javachakir@gmail.com",[568],{"type":159,"value":569},"javachakir@gmail.com",{"type":143,"tag":144,"props":571,"children":572},{},[573],{"type":159,"value":574},"💬 Discord: ChakAs3",{"type":143,"tag":144,"props":576,"children":577},{},[578,580],{"type":159,"value":579},"🐦‍⬛ Twitter: ",{"type":143,"tag":166,"props":581,"children":584},{"href":582,"rel":583},"https:\u002F\u002Ftwitter.com\u002FChakirQatab",[170],[585],{"type":159,"value":586},"@ChakirQatab",{"type":143,"tag":186,"props":588,"children":590},{"id":589},"sponsors",[591],{"type":159,"value":592},"Sponsors",{"type":143,"tag":144,"props":594,"children":595},{},[596],{"type":143,"tag":166,"props":597,"children":599},{"href":598},"https:\u002F\u002Fwww.chromatic.com\u002F",[600],{"type":143,"tag":148,"props":601,"children":606},{"src":602,"width":603,"height":604,"alt":605},"https:\u002F\u002Fuser-images.githubusercontent.com\u002F321738\u002F84662277-e3db4f80-af1b-11ea-88f5-91d67a5e59f6.png",153,30,"Chromatic",[],{"type":143,"tag":144,"props":608,"children":609},{},[610,612,617],{"type":159,"value":611},"Thanks to ",{"type":143,"tag":166,"props":613,"children":615},{"href":598,"rel":614},[170],[616],{"type":159,"value":605},{"type":159,"value":618}," for providing the visual testing platform that helps us review UI changes and catch visual regressions.",{"type":143,"tag":620,"props":621,"children":622},"style",{},[623],{"type":159,"value":624},"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":16,"searchDepth":66,"depth":66,"links":626},[627,628,629,630,631,632,633,634],{"id":188,"depth":66,"text":191},{"id":407,"depth":66,"text":410},{"id":422,"depth":66,"text":425},{"id":458,"depth":66,"text":461},{"id":469,"depth":66,"text":472},{"id":536,"depth":66,"text":539},{"id":555,"depth":66,"text":558},{"id":589,"depth":66,"text":592}]