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