[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"module-storybook":3,"versions":629},{"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":131},"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-22T22:55:53.042Z",[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":126,"forks":127,"defaultBranch":128,"publishedAt":129,"createdAt":130},"9.0.1",179901,484,119,"main",1764714660196,1594725493976,{"data":132,"body":133,"toc":619},{"title":11,"description":11},{"type":134,"children":135},"root",[136,147,154,179,186,198,211,386,399,405,414,420,425,430,435,440,445,450,456,461,467,528,534,547,553,564,569,581,587,601,613],{"type":137,"tag":138,"props":139,"children":140},"element","p",{},[141],{"type":137,"tag":142,"props":143,"children":146},"img",{"alt":144,"src":145},"Nuxt Storybook","https:\u002F\u002Fgithub.com\u002Fnuxt-modules\u002Fstorybook\u002Fassets\u002F904724\u002F0396b16c-be9b-4b0d-83b5-5e35dd8298df",[],{"type":137,"tag":148,"props":149,"children":151},"h1",{"id":150},"nuxt-storybook",[152],{"type":153,"value":144},"text",{"type":137,"tag":138,"props":155,"children":156},{},[157,159,168,170,177],{"type":153,"value":158},"Integrate ",{"type":137,"tag":160,"props":161,"children":165},"a",{"href":162,"rel":163},"http:\u002F\u002Fstorybook.js.org",[164],"nofollow",[166],{"type":153,"value":167},"Storybook",{"type":153,"value":169}," into your ",{"type":137,"tag":160,"props":171,"children":174},{"href":172,"rel":173},"https:\u002F\u002Fnuxt.com",[164],[175],{"type":153,"value":176},"Nuxt",{"type":153,"value":178}," application.",{"type":137,"tag":180,"props":181,"children":183},"h2",{"id":182},"installing",[184],{"type":153,"value":185},"Installing",{"type":137,"tag":187,"props":188,"children":192},"pre",{"className":189,"code":191,"language":153},[190],"language-text","npx nuxi@latest module add storybook\n",[193],{"type":137,"tag":194,"props":195,"children":196},"code",{"__ignoreMap":11},[197],{"type":153,"value":191},{"type":137,"tag":138,"props":199,"children":200},{},[201,203,209],{"type":153,"value":202},"Update your ",{"type":137,"tag":194,"props":204,"children":206},{"className":205},[],[207],{"type":153,"value":208},"nuxt.config",{"type":153,"value":210},":",{"type":137,"tag":187,"props":212,"children":216},{"className":213,"code":214,"language":215,"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",[217],{"type":137,"tag":194,"props":218,"children":219},{"__ignoreMap":11},[220,242,265,277,294,325,355,377],{"type":137,"tag":221,"props":222,"children":224},"span",{"class":223,"line":77},"line",[225,231,236],{"type":137,"tag":221,"props":226,"children":228},{"style":227},"--shiki-light:#E2931D;--shiki-default:#E2931D;--shiki-dark:#FFCB6B",[229],{"type":153,"value":230},"  modules",{"type":137,"tag":221,"props":232,"children":234},{"style":233},"--shiki-light:#39ADB5;--shiki-default:#39ADB5;--shiki-dark:#89DDFF",[235],{"type":153,"value":210},{"type":137,"tag":221,"props":237,"children":239},{"style":238},"--shiki-light:#90A4AE;--shiki-default:#90A4AE;--shiki-dark:#BABED8",[240],{"type":153,"value":241}," [\n",{"type":137,"tag":221,"props":243,"children":244},{"class":223,"line":61},[245,250,255,260],{"type":137,"tag":221,"props":246,"children":247},{"style":233},[248],{"type":153,"value":249},"    '",{"type":137,"tag":221,"props":251,"children":253},{"style":252},"--shiki-light:#91B859;--shiki-default:#91B859;--shiki-dark:#C3E88D",[254],{"type":153,"value":7},{"type":137,"tag":221,"props":256,"children":257},{"style":233},[258],{"type":153,"value":259},"'",{"type":137,"tag":221,"props":261,"children":262},{"style":233},[263],{"type":153,"value":264},",\n",{"type":137,"tag":221,"props":266,"children":267},{"class":223,"line":54},[268,273],{"type":137,"tag":221,"props":269,"children":270},{"style":238},[271],{"type":153,"value":272},"  ]",{"type":137,"tag":221,"props":274,"children":275},{"style":233},[276],{"type":153,"value":264},{"type":137,"tag":221,"props":278,"children":279},{"class":223,"line":47},[280,285,289],{"type":137,"tag":221,"props":281,"children":282},{"style":227},[283],{"type":153,"value":284},"  storybook",{"type":137,"tag":221,"props":286,"children":287},{"style":233},[288],{"type":153,"value":210},{"type":137,"tag":221,"props":290,"children":291},{"style":233},[292],{"type":153,"value":293}," {\n",{"type":137,"tag":221,"props":295,"children":297},{"class":223,"line":296},5,[298,303,307,312,317,321],{"type":137,"tag":221,"props":299,"children":300},{"style":227},[301],{"type":153,"value":302},"    url",{"type":137,"tag":221,"props":304,"children":305},{"style":233},[306],{"type":153,"value":210},{"type":137,"tag":221,"props":308,"children":309},{"style":233},[310],{"type":153,"value":311}," '",{"type":137,"tag":221,"props":313,"children":314},{"style":252},[315],{"type":153,"value":316},"http:\u002F\u002Flocalhost:6006",{"type":137,"tag":221,"props":318,"children":319},{"style":233},[320],{"type":153,"value":259},{"type":137,"tag":221,"props":322,"children":323},{"style":233},[324],{"type":153,"value":264},{"type":137,"tag":221,"props":326,"children":328},{"class":223,"line":327},6,[329,334,338,342,347,351],{"type":137,"tag":221,"props":330,"children":331},{"style":227},[332],{"type":153,"value":333},"    storybookRoute",{"type":137,"tag":221,"props":335,"children":336},{"style":233},[337],{"type":153,"value":210},{"type":137,"tag":221,"props":339,"children":340},{"style":233},[341],{"type":153,"value":311},{"type":137,"tag":221,"props":343,"children":344},{"style":252},[345],{"type":153,"value":346},"\u002F__storybook__",{"type":137,"tag":221,"props":348,"children":349},{"style":233},[350],{"type":153,"value":259},{"type":137,"tag":221,"props":352,"children":353},{"style":233},[354],{"type":153,"value":264},{"type":137,"tag":221,"props":356,"children":357},{"class":223,"line":43},[358,363,367,373],{"type":137,"tag":221,"props":359,"children":360},{"style":227},[361],{"type":153,"value":362},"    port",{"type":137,"tag":221,"props":364,"children":365},{"style":233},[366],{"type":153,"value":210},{"type":137,"tag":221,"props":368,"children":370},{"style":369},"--shiki-light:#F76D47;--shiki-default:#F76D47;--shiki-dark:#F78C6C",[371],{"type":153,"value":372}," 6006",{"type":137,"tag":221,"props":374,"children":375},{"style":233},[376],{"type":153,"value":264},{"type":137,"tag":221,"props":378,"children":380},{"class":223,"line":379},8,[381],{"type":137,"tag":221,"props":382,"children":383},{"style":233},[384],{"type":153,"value":385},"  },\n",{"type":137,"tag":138,"props":387,"children":388},{},[389,391,397],{"type":153,"value":390},"Then run ",{"type":137,"tag":194,"props":392,"children":394},{"className":393},[],[395],{"type":153,"value":396},"pnpm dev",{"type":153,"value":398}," to start your Nuxt server.",{"type":137,"tag":180,"props":400,"children":402},{"id":401},"demo",[403],{"type":153,"value":404},"Demo",{"type":137,"tag":138,"props":406,"children":407},{},[408],{"type":137,"tag":160,"props":409,"children":412},{"href":410,"rel":411},"https:\u002F\u002Fgithub.com\u002Fstorybook-vue\u002Fnuxt-storybook-module-demo",[164],[413],{"type":153,"value":410},{"type":137,"tag":180,"props":415,"children":417},{"id":416},"features",[418],{"type":153,"value":419},"Features",{"type":137,"tag":138,"props":421,"children":422},{},[423],{"type":153,"value":424},"👌 Zero configuration to start (see video)",{"type":137,"tag":138,"props":426,"children":427},{},[428],{"type":153,"value":429},"🪄 Access Storybook Terminal",{"type":137,"tag":138,"props":431,"children":432},{},[433],{"type":153,"value":434},"🎨 Devtools tab with Storybook app",{"type":137,"tag":138,"props":436,"children":437},{},[438],{"type":153,"value":439},"⚙️ Reference your Storybook config in your app",{"type":137,"tag":138,"props":441,"children":442},{},[443],{"type":153,"value":444},"📦 Extendable by Nuxt modules",{"type":137,"tag":138,"props":446,"children":447},{},[448],{"type":153,"value":449},"🚀 Supports Nuxt 3 \u002F Storybook 8",{"type":137,"tag":180,"props":451,"children":453},{"id":452},"nuxt-2",[454],{"type":153,"value":455},"Nuxt 2",{"type":137,"tag":138,"props":457,"children":458},{},[459],{"type":153,"value":460},"Nuxt 2 is supported with Storybook v6, you can check legacy code on the v4 branch.",{"type":137,"tag":180,"props":462,"children":464},{"id":463},"contributing",[465],{"type":153,"value":466},"Contributing",{"type":137,"tag":468,"props":469,"children":470},"ol",{},[471,485,506,511,523],{"type":137,"tag":472,"props":473,"children":474},"li",{},[475,477,483],{"type":153,"value":476},"Install dependencies with ",{"type":137,"tag":194,"props":478,"children":480},{"className":479},[],[481],{"type":153,"value":482},"pnpm",{"type":153,"value":484},".",{"type":137,"tag":472,"props":486,"children":487},{},[488,490,496,498,504],{"type":153,"value":489},"Run ",{"type":137,"tag":194,"props":491,"children":493},{"className":492},[],[494],{"type":153,"value":495},"pnpm dev:prepare",{"type":153,"value":497}," to generate stubbed ",{"type":137,"tag":194,"props":499,"children":501},{"className":500},[],[502],{"type":153,"value":503},"dist",{"type":153,"value":505}," directory.",{"type":137,"tag":472,"props":507,"children":508},{},[509],{"type":153,"value":510},"Make your changes.",{"type":137,"tag":472,"props":512,"children":513},{},[514,515,521],{"type":153,"value":489},{"type":137,"tag":194,"props":516,"children":518},{"className":517},[],[519],{"type":153,"value":520},"pnpm lint",{"type":153,"value":522}," to verify that there are no issues (consider adding tests).",{"type":137,"tag":472,"props":524,"children":525},{},[526],{"type":153,"value":527},"Submit a PR.",{"type":137,"tag":180,"props":529,"children":531},{"id":530},"license",[532],{"type":153,"value":533},"License",{"type":137,"tag":138,"props":535,"children":536},{},[537,539,545],{"type":153,"value":538},"This repository is licensed under the ",{"type":137,"tag":160,"props":540,"children":542},{"href":541},"LICENSE",[543],{"type":153,"value":544},"MIT License",{"type":153,"value":546},". Feel free to use the code and modify it according to your needs.",{"type":137,"tag":180,"props":548,"children":550},{"id":549},"contacts",[551],{"type":153,"value":552},"Contacts :",{"type":137,"tag":138,"props":554,"children":555},{},[556,558],{"type":153,"value":557},"🔖 Mail: ",{"type":137,"tag":160,"props":559,"children":561},{"href":560},"mailto:javachakir@gmail.com",[562],{"type":153,"value":563},"javachakir@gmail.com",{"type":137,"tag":138,"props":565,"children":566},{},[567],{"type":153,"value":568},"💬 Discord: ChakAs3",{"type":137,"tag":138,"props":570,"children":571},{},[572,574],{"type":153,"value":573},"🐦‍⬛ Twitter: ",{"type":137,"tag":160,"props":575,"children":578},{"href":576,"rel":577},"https:\u002F\u002Ftwitter.com\u002FChakirQatab",[164],[579],{"type":153,"value":580},"@ChakirQatab",{"type":137,"tag":180,"props":582,"children":584},{"id":583},"sponsors",[585],{"type":153,"value":586},"Sponsors",{"type":137,"tag":138,"props":588,"children":589},{},[590],{"type":137,"tag":160,"props":591,"children":593},{"href":592},"https:\u002F\u002Fwww.chromatic.com\u002F",[594],{"type":137,"tag":142,"props":595,"children":600},{"src":596,"width":597,"height":598,"alt":599},"https:\u002F\u002Fuser-images.githubusercontent.com\u002F321738\u002F84662277-e3db4f80-af1b-11ea-88f5-91d67a5e59f6.png",153,30,"Chromatic",[],{"type":137,"tag":138,"props":602,"children":603},{},[604,606,611],{"type":153,"value":605},"Thanks to ",{"type":137,"tag":160,"props":607,"children":609},{"href":592,"rel":608},[164],[610],{"type":153,"value":599},{"type":153,"value":612}," for providing the visual testing platform that helps us review UI changes and catch visual regressions.",{"type":137,"tag":614,"props":615,"children":616},"style",{},[617],{"type":153,"value":618},"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":620},[621,622,623,624,625,626,627,628],{"id":182,"depth":61,"text":185},{"id":401,"depth":61,"text":404},{"id":416,"depth":61,"text":419},{"id":452,"depth":61,"text":455},{"id":463,"depth":61,"text":466},{"id":530,"depth":61,"text":533},{"id":549,"depth":61,"text":552},{"id":583,"depth":61,"text":586},{"v5":630,"v4":631,"v3":632,"v2":633},"5 (nightly)","4.4.2","3.21.2","2.18.1"]