[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"versions":3,"module-storybook":7},{"v3":4,"v4":5,"v2":6},"3.21.8","4.4.8","2.18.1",{"name":8,"description":9,"repo":10,"npm":11,"icon":12,"github":13,"website":14,"learn_more":15,"category":16,"type":17,"maintainers":18,"compatibility":27,"generatedAt":32,"contributors":33,"stats":127,"readme":135},"storybook","Easily integrate Storybook in your Nuxt application to design, build, and test your UI components in isolation.","nuxt-modules/storybook#main/packages/nuxt-module","@nuxtjs/storybook","storybook.png","https://github.com/nuxt-modules/storybook","https://storybook.nuxtjs.org","","Devtools","community",[19,23],{"name":20,"github":21,"twitter":22},"Chakir QATAB","chakAs3","ChakirQatab",{"name":24,"github":25,"twitter":26},"Tobias Diez","tobiasdiez","tobias_diez",{"nuxt":28,"requires":29,"devtools":31},">=3.0.0",{"bridge":30},"optional","^0.7.2","2026-06-10T03:46:17.655Z",[34,37,40,44,48,52,55,59,62,66,69,72,75,78,82,85,88,91,94,97,100,103,106,109,112,115,118,121,124],{"id":35,"username":21,"contributions":36},711292,290,{"id":38,"username":25,"contributions":39},5037600,119,{"id":41,"username":42,"contributions":43},15233243,"obulat",9,{"id":45,"username":46,"contributions":47},63512348,"huang-julien",7,{"id":49,"username":50,"contributions":51},28706372,"danielroe",4,{"id":53,"username":54,"contributions":51},1696398,"akornmeier",{"id":56,"username":57,"contributions":58},6649305,"BobbieGoede",3,{"id":60,"username":61,"contributions":58},44604921,"shinGangan",{"id":63,"username":64,"contributions":65},10170446,"brandondv",2,{"id":67,"username":68,"contributions":65},2185527,"MiniDigger",{"id":70,"username":71,"contributions":65},1107521,"hacknug",{"id":73,"username":74,"contributions":65},753919,"mehcode",{"id":76,"username":77,"contributions":65},36924392,"codeplott",{"id":79,"username":80,"contributions":81},22685714,"Shalashtein",1,{"id":83,"username":84,"contributions":81},6622655,"ajeetchaulagain",{"id":86,"username":87,"contributions":81},5627174,"alex-key",{"id":89,"username":90,"contributions":81},247713,"bmulholland",{"id":92,"username":93,"contributions":81},74550679,"CasperSocio",{"id":95,"username":96,"contributions":81},1439623,"clemcode",{"id":98,"username":99,"contributions":81},198982749,"Copilot",{"id":101,"username":102,"contributions":81},48835293,"DamianGlowala",{"id":104,"username":105,"contributions":81},928780,"genu",{"id":107,"username":108,"contributions":81},7328625,"HZooly",{"id":110,"username":111,"contributions":81},29117090,"JulianMar",{"id":113,"username":114,"contributions":81},9149999,"baixiaoyu2997",{"id":116,"username":117,"contributions":81},308572,"blowsie",{"id":119,"username":120,"contributions":81},35223685,"yamachi4416",{"id":122,"username":123,"contributions":81},115626063,"luca-smartpricing",{"id":125,"username":126,"contributions":81},35210888,"robigan",{"version":128,"downloads":129,"stars":130,"watchers":130,"forks":131,"defaultBranch":132,"publishedAt":133,"createdAt":134},"9.0.1",180365,486,118,"main",1764714660196,1594725493976,{"data":136,"body":137,"toc":458},{"title":15,"description":15},{"type":138,"children":139},"root",[140,151,158,183,190,202,215,226,239,245,254,260,265,270,275,280,285,290,296,301,307,368,374,387,393,404,409,421,427,441,453],{"type":141,"tag":142,"props":143,"children":144},"element","p",{},[145],{"type":141,"tag":146,"props":147,"children":150},"img",{"alt":148,"src":149},"Nuxt Storybook","https://github.com/nuxt-modules/storybook/assets/904724/0396b16c-be9b-4b0d-83b5-5e35dd8298df",[],{"type":141,"tag":152,"props":153,"children":155},"h1",{"id":154},"nuxt-storybook",[156],{"type":157,"value":148},"text",{"type":141,"tag":142,"props":159,"children":160},{},[161,163,172,174,181],{"type":157,"value":162},"Integrate ",{"type":141,"tag":164,"props":165,"children":169},"a",{"href":166,"rel":167},"http://storybook.js.org",[168],"nofollow",[170],{"type":157,"value":171},"Storybook",{"type":157,"value":173}," into your ",{"type":141,"tag":164,"props":175,"children":178},{"href":176,"rel":177},"https://nuxt.com",[168],[179],{"type":157,"value":180},"Nuxt",{"type":157,"value":182}," application.",{"type":141,"tag":184,"props":185,"children":187},"h2",{"id":186},"installing",[188],{"type":157,"value":189},"Installing",{"type":141,"tag":191,"props":192,"children":196},"pre",{"className":193,"code":195,"language":157},[194],"language-text","npx nuxi@latest module add storybook\n",[197],{"type":141,"tag":198,"props":199,"children":200},"code",{"__ignoreMap":15},[201],{"type":157,"value":195},{"type":141,"tag":142,"props":203,"children":204},{},[205,207,213],{"type":157,"value":206},"Update your ",{"type":141,"tag":198,"props":208,"children":210},{"className":209},[],[211],{"type":157,"value":212},"nuxt.config",{"type":157,"value":214},":",{"type":141,"tag":191,"props":216,"children":221},{"className":217,"code":218,"language":219,"meta":15,"style":220},"language-ts","  modules: [\n    '@nuxtjs/storybook',\n  ],\n  storybook: {\n    url: 'http://localhost:6006',\n    storybookRoute: '/__storybook__',\n    port: 6006,\n  },\n","ts","undefined",[222],{"type":141,"tag":198,"props":223,"children":224},{"__ignoreMap":15},[225],{"type":157,"value":218},{"type":141,"tag":142,"props":227,"children":228},{},[229,231,237],{"type":157,"value":230},"Then run ",{"type":141,"tag":198,"props":232,"children":234},{"className":233},[],[235],{"type":157,"value":236},"pnpm dev",{"type":157,"value":238}," to start your Nuxt server.",{"type":141,"tag":184,"props":240,"children":242},{"id":241},"demo",[243],{"type":157,"value":244},"Demo",{"type":141,"tag":142,"props":246,"children":247},{},[248],{"type":141,"tag":164,"props":249,"children":252},{"href":250,"rel":251},"https://github.com/storybook-vue/nuxt-storybook-module-demo",[168],[253],{"type":157,"value":250},{"type":141,"tag":184,"props":255,"children":257},{"id":256},"features",[258],{"type":157,"value":259},"Features",{"type":141,"tag":142,"props":261,"children":262},{},[263],{"type":157,"value":264},"👌 Zero configuration to start (see video)",{"type":141,"tag":142,"props":266,"children":267},{},[268],{"type":157,"value":269},"🪄 Access Storybook Terminal",{"type":141,"tag":142,"props":271,"children":272},{},[273],{"type":157,"value":274},"🎨 Devtools tab with Storybook app",{"type":141,"tag":142,"props":276,"children":277},{},[278],{"type":157,"value":279},"⚙️ Reference your Storybook config in your app",{"type":141,"tag":142,"props":281,"children":282},{},[283],{"type":157,"value":284},"📦 Extendable by Nuxt modules",{"type":141,"tag":142,"props":286,"children":287},{},[288],{"type":157,"value":289},"🚀 Supports Nuxt 3 / Storybook 8",{"type":141,"tag":184,"props":291,"children":293},{"id":292},"nuxt-2",[294],{"type":157,"value":295},"Nuxt 2",{"type":141,"tag":142,"props":297,"children":298},{},[299],{"type":157,"value":300},"Nuxt 2 is supported with Storybook v6, you can check legacy code on the v4 branch.",{"type":141,"tag":184,"props":302,"children":304},{"id":303},"contributing",[305],{"type":157,"value":306},"Contributing",{"type":141,"tag":308,"props":309,"children":310},"ol",{},[311,325,346,351,363],{"type":141,"tag":312,"props":313,"children":314},"li",{},[315,317,323],{"type":157,"value":316},"Install dependencies with ",{"type":141,"tag":198,"props":318,"children":320},{"className":319},[],[321],{"type":157,"value":322},"pnpm",{"type":157,"value":324},".",{"type":141,"tag":312,"props":326,"children":327},{},[328,330,336,338,344],{"type":157,"value":329},"Run ",{"type":141,"tag":198,"props":331,"children":333},{"className":332},[],[334],{"type":157,"value":335},"pnpm dev:prepare",{"type":157,"value":337}," to generate stubbed ",{"type":141,"tag":198,"props":339,"children":341},{"className":340},[],[342],{"type":157,"value":343},"dist",{"type":157,"value":345}," directory.",{"type":141,"tag":312,"props":347,"children":348},{},[349],{"type":157,"value":350},"Make your changes.",{"type":141,"tag":312,"props":352,"children":353},{},[354,355,361],{"type":157,"value":329},{"type":141,"tag":198,"props":356,"children":358},{"className":357},[],[359],{"type":157,"value":360},"pnpm lint",{"type":157,"value":362}," to verify that there are no issues (consider adding tests).",{"type":141,"tag":312,"props":364,"children":365},{},[366],{"type":157,"value":367},"Submit a PR.",{"type":141,"tag":184,"props":369,"children":371},{"id":370},"license",[372],{"type":157,"value":373},"License",{"type":141,"tag":142,"props":375,"children":376},{},[377,379,385],{"type":157,"value":378},"This repository is licensed under the ",{"type":141,"tag":164,"props":380,"children":382},{"href":381},"LICENSE",[383],{"type":157,"value":384},"MIT License",{"type":157,"value":386},". Feel free to use the code and modify it according to your needs.",{"type":141,"tag":184,"props":388,"children":390},{"id":389},"contacts",[391],{"type":157,"value":392},"Contacts :",{"type":141,"tag":142,"props":394,"children":395},{},[396,398],{"type":157,"value":397},"🔖 Mail: ",{"type":141,"tag":164,"props":399,"children":401},{"href":400},"mailto:javachakir@gmail.com",[402],{"type":157,"value":403},"javachakir@gmail.com",{"type":141,"tag":142,"props":405,"children":406},{},[407],{"type":157,"value":408},"💬 Discord: ChakAs3",{"type":141,"tag":142,"props":410,"children":411},{},[412,414],{"type":157,"value":413},"🐦‍⬛ Twitter: ",{"type":141,"tag":164,"props":415,"children":418},{"href":416,"rel":417},"https://twitter.com/ChakirQatab",[168],[419],{"type":157,"value":420},"@ChakirQatab",{"type":141,"tag":184,"props":422,"children":424},{"id":423},"sponsors",[425],{"type":157,"value":426},"Sponsors",{"type":141,"tag":142,"props":428,"children":429},{},[430],{"type":141,"tag":164,"props":431,"children":433},{"href":432},"https://www.chromatic.com/",[434],{"type":141,"tag":146,"props":435,"children":440},{"src":436,"width":437,"height":438,"alt":439},"https://user-images.githubusercontent.com/321738/84662277-e3db4f80-af1b-11ea-88f5-91d67a5e59f6.png",153,30,"Chromatic",[],{"type":141,"tag":142,"props":442,"children":443},{},[444,446,451],{"type":157,"value":445},"Thanks to ",{"type":141,"tag":164,"props":447,"children":449},{"href":432,"rel":448},[168],[450],{"type":157,"value":439},{"type":157,"value":452}," for providing the visual testing platform that helps us review UI changes and catch visual regressions.",{"type":141,"tag":454,"props":455,"children":456},"style",{},[457],{"type":157,"value":15},{"title":15,"searchDepth":65,"depth":65,"links":459},[460,461,462,463,464,465,466,467],{"id":186,"depth":65,"text":189},{"id":241,"depth":65,"text":244},{"id":256,"depth":65,"text":259},{"id":292,"depth":65,"text":295},{"id":303,"depth":65,"text":306},{"id":370,"depth":65,"text":373},{"id":389,"depth":65,"text":392},{"id":423,"depth":65,"text":426}]