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