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