[{"data":1,"prerenderedAt":529},["ShallowReactive",2],{"navigation":3,"docs-/docs/components/code-tabs":139,"surround-/docs/components/code-tabs":526},[4],{"title":5,"path":6,"stem":7,"children":8,"page":32,"type":33},"Docs","/docs","docs",[9,34,58,83],{"title":10,"icon":11,"path":12,"stem":13,"children":14,"page":32,"type":33},"Getting Started","i-lucide-rocket","/docs/getting-started","docs/1.getting-started",[15,20,24,28],{"title":16,"path":17,"stem":18,"type":19,"children":-1},"Introduction","/docs/getting-started/introduction","docs/1.getting-started/2.introduction","page",{"title":21,"path":22,"stem":23,"type":19,"children":-1},"Installation","/docs/getting-started/installation","docs/1.getting-started/3.installation",{"title":25,"path":26,"stem":27,"type":19,"children":-1},"Configuration","/docs/getting-started/configuration","docs/1.getting-started/4.configuration",{"title":29,"path":30,"stem":31,"type":19,"children":-1},"Writing Content","/docs/getting-started/writing-content","docs/1.getting-started/5.writing-content",false,"group",{"title":35,"path":36,"stem":37,"children":38,"page":32,"type":33},"Core Concepts","/docs/concepts","docs/2.concepts",[39,44,48,53],{"title":40,"path":41,"stem":42,"icon":43,"type":19,"children":-1},"Edition","/docs/concepts/edition","docs/2.concepts/2.edition","i-lucide-pencil",{"title":25,"path":45,"stem":46,"icon":47,"type":19,"children":-1},"/docs/concepts/configuration","docs/2.concepts/3.configuration","i-lucide-settings",{"title":49,"path":50,"stem":51,"icon":52,"type":19,"children":-1},"LLMs Integration","/docs/concepts/llms","docs/2.concepts/7.llms","i-lucide-message-circle-code",{"title":54,"path":55,"stem":56,"icon":57,"type":19,"children":-1},"Nuxt","/docs/concepts/nuxt","docs/2.concepts/8.nuxt","i-simple-icons-nuxt",{"title":59,"path":60,"stem":61,"children":62,"page":32,"type":33},"Essentials","/docs/essentials","docs/3.essentials",[63,68,73,78],{"title":64,"path":65,"stem":66,"icon":67,"type":19,"children":-1},"Markdown Syntax","/docs/essentials/markdown-syntax","docs/3.essentials/1.markdown-syntax","i-lucide-heading-1",{"title":69,"path":70,"stem":71,"icon":72,"type":19,"children":-1},"Code Blocks","/docs/essentials/code-blocks","docs/3.essentials/2.code-blocks","i-lucide-code-xml",{"title":74,"path":75,"stem":76,"icon":77,"type":19,"children":-1},"Components","/docs/essentials/components","docs/3.essentials/3.components","i-lucide-component",{"title":79,"path":80,"stem":81,"icon":82,"type":19,"children":-1},"Images and Embeds","/docs/essentials/images-embeds","docs/3.essentials/4.images-embeds","i-lucide-image",{"title":74,"icon":77,"path":84,"stem":85,"children":86,"page":32,"type":33},"/docs/components","docs/4.components",[87,91,95,99,103,107,111,115,119,123,127,131,135],{"title":88,"path":89,"stem":90,"type":19,"children":-1},"Components Overview","/docs/components/overview","docs/4.components/1.overview",{"title":92,"path":93,"stem":94,"type":19,"children":-1},"CodeCollapsibleWrapper","/docs/components/code-collapsible","docs/4.components/10.code-collapsible",{"title":96,"path":97,"stem":98,"type":19,"children":-1},"CopyButton","/docs/components/copy-button","docs/4.components/11.copy-button",{"title":100,"path":101,"stem":102,"type":19,"children":-1},"ButtonA","/docs/components/button-a","docs/4.components/12.button-a",{"title":104,"path":105,"stem":106,"type":19,"children":-1},"Prose","/docs/components/prose","docs/4.components/13.prose",{"title":108,"path":109,"stem":110,"type":19,"children":-1},"Button","/docs/components/button","docs/4.components/2.button",{"title":112,"path":113,"stem":114,"type":19,"children":-1},"Separator","/docs/components/separator","docs/4.components/3.separator",{"title":116,"path":117,"stem":118,"type":19,"children":-1},"Callout","/docs/components/callout","docs/4.components/4.callout",{"title":120,"path":121,"stem":122,"type":19,"children":-1},"Steps","/docs/components/steps","docs/4.components/5.steps",{"title":124,"path":125,"stem":126,"type":19,"children":-1},"Tabs","/docs/components/tabs","docs/4.components/6.tabs",{"title":128,"path":129,"stem":130,"type":19,"children":-1},"CodeTabs","/docs/components/code-tabs","docs/4.components/7.code-tabs",{"title":132,"path":133,"stem":134,"type":19,"children":-1},"ComponentPreview","/docs/components/component-preview","docs/4.components/8.component-preview",{"title":136,"path":137,"stem":138,"type":19,"children":-1},"LinkedCard","/docs/components/linked-card","docs/4.components/9.linked-card",{"id":140,"title":128,"body":141,"description":519,"extension":520,"links":521,"meta":522,"navigation":523,"path":129,"seo":524,"sitemap":32,"stem":130,"__hash__":525},"docs/docs/4.components/7.code-tabs.md",{"type":142,"value":143,"toc":500},"minimark",[144,148,152,157,160,186,189,193,196,201,270,274,312,316,354,358,396,400,403,417,421,437,441,456,460,463,467,473,489,493,496],[145,146,128],"h1",{"id":147},"codetabs",[149,150,151],"p",{},"A specialized component that automatically converts package manager commands between npm, yarn, pnpm, and bun. Users can switch between their preferred package manager.",[153,154,156],"h2",{"id":155},"usage","Usage",[149,158,159],{},"Simply write npm commands in a code block, and they will automatically be converted to a tabbed interface with all package managers:",[161,162,167],"pre",{"className":163,"code":164,"language":165,"meta":166,"style":166},"language-bash shiki shiki-themes github-light-default github-dark","npm install docs-please\n","bash","",[168,169,170],"code",{"__ignoreMap":166},[171,172,175,179,183],"span",{"class":173,"line":174},"line",1,[171,176,178],{"class":177},"sOk-n","npm",[171,180,182],{"class":181},"skyLg"," install",[171,184,185],{"class":181}," docs-please\n",[149,187,188],{},"The above code block is automatically rendered with tabs for npm, yarn, pnpm, and bun.",[153,190,192],{"id":191},"automatic-conversion","Automatic Conversion",[149,194,195],{},"The component automatically converts the following command patterns:",[197,198,200],"h3",{"id":199},"install-commands","Install Commands",[202,203,204,222],"table",{},[205,206,207],"thead",{},[208,209,210,213,216,219],"tr",{},[211,212,178],"th",{},[211,214,215],{},"yarn",[211,217,218],{},"pnpm",[211,220,221],{},"bun",[223,224,225,248],"tbody",{},[208,226,227,233,238,243],{},[228,229,230],"td",{},[168,231,232],{},"npm install pkg",[228,234,235],{},[168,236,237],{},"yarn add pkg",[228,239,240],{},[168,241,242],{},"pnpm add pkg",[228,244,245],{},[168,246,247],{},"bun add pkg",[208,249,250,255,260,265],{},[228,251,252],{},[168,253,254],{},"npm install",[228,256,257],{},[168,258,259],{},"yarn install",[228,261,262],{},[168,263,264],{},"pnpm install",[228,266,267],{},[168,268,269],{},"bun install",[197,271,273],{"id":272},"create-commands","Create Commands",[202,275,276,288],{},[205,277,278],{},[208,279,280,282,284,286],{},[211,281,178],{},[211,283,215],{},[211,285,218],{},[211,287,221],{},[223,289,290],{},[208,291,292,297,302,307],{},[228,293,294],{},[168,295,296],{},"npm create app",[228,298,299],{},[168,300,301],{},"yarn create app",[228,303,304],{},[168,305,306],{},"pnpm create app",[228,308,309],{},[168,310,311],{},"bun create app",[197,313,315],{"id":314},"npx-commands","Npx Commands",[202,317,318,330],{},[205,319,320],{},[208,321,322,324,326,328],{},[211,323,178],{},[211,325,215],{},[211,327,218],{},[211,329,221],{},[223,331,332],{},[208,333,334,339,344,349],{},[228,335,336],{},[168,337,338],{},"npx command",[228,340,341],{},[168,342,343],{},"yarn dlx command",[228,345,346],{},[168,347,348],{},"pnpm dlx command",[228,350,351],{},[168,352,353],{},"bunx --bun command",[197,355,357],{"id":356},"run-commands","Run Commands",[202,359,360,372],{},[205,361,362],{},[208,363,364,366,368,370],{},[211,365,178],{},[211,367,215],{},[211,369,218],{},[211,371,221],{},[223,373,374],{},[208,375,376,381,386,391],{},[228,377,378],{},[168,379,380],{},"npm run dev",[228,382,383],{},[168,384,385],{},"yarn dev",[228,387,388],{},[168,389,390],{},"pnpm dev",[228,392,393],{},[168,394,395],{},"bun dev",[153,397,399],{"id":398},"examples","Examples",[197,401,21],{"id":402},"installation",[161,404,406],{"className":163,"code":405,"language":165,"meta":166,"style":166},"npm install vue\n",[168,407,408],{"__ignoreMap":166},[171,409,410,412,414],{"class":173,"line":174},[171,411,178],{"class":177},[171,413,182],{"class":181},[171,415,416],{"class":181}," vue\n",[197,418,420],{"id":419},"create-project","Create Project",[161,422,424],{"className":163,"code":423,"language":165,"meta":166,"style":166},"npx create-nuxt-app my-app\n",[168,425,426],{"__ignoreMap":166},[171,427,428,431,434],{"class":173,"line":174},[171,429,430],{"class":177},"npx",[171,432,433],{"class":181}," create-nuxt-app",[171,435,436],{"class":181}," my-app\n",[197,438,440],{"id":439},"run-scripts","Run Scripts",[161,442,444],{"className":163,"code":443,"language":165,"meta":166,"style":166},"npm run build\n",[168,445,446],{"__ignoreMap":166},[171,447,448,450,453],{"class":173,"line":174},[171,449,178],{"class":177},[171,451,452],{"class":181}," run",[171,454,455],{"class":181}," build\n",[153,457,459],{"id":458},"user-preference","User Preference",[149,461,462],{},"The selected package manager is persisted in the user's browser, so their preference is remembered across page visits.",[153,464,466],{"id":465},"how-it-works","How It Works",[149,468,469,470,472],{},"The ",[168,471,128],{}," component is automatically applied to code blocks that contain npm, yarn, pnpm, or bun commands. It:",[474,475,476,480,483,486],"ol",{},[477,478,479],"li",{},"Detects the package manager command pattern",[477,481,482],{},"Generates equivalent commands for all supported package managers",[477,484,485],{},"Renders a tabbed interface with syntax highlighting",[477,487,488],{},"Includes a copy button for each command",[153,490,492],{"id":491},"styling","Styling",[149,494,495],{},"The component displays a terminal icon header with the package manager tabs below. Each tab shows the correctly formatted command with syntax highlighting.",[497,498,499],"style",{},"html pre.shiki code .sOk-n, html code.shiki .sOk-n{--shiki-light:#953800;--shiki-dark:#B392F0}html pre.shiki code .skyLg, html code.shiki .skyLg{--shiki-light:#0A3069;--shiki-dark:#9ECBFF}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 .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":166,"searchDepth":501,"depth":501,"links":502},2,[503,504,511,516,517,518],{"id":155,"depth":501,"text":156},{"id":191,"depth":501,"text":192,"children":505},[506,508,509,510],{"id":199,"depth":507,"text":200},3,{"id":272,"depth":507,"text":273},{"id":314,"depth":507,"text":315},{"id":356,"depth":507,"text":357},{"id":398,"depth":501,"text":399,"children":512},[513,514,515],{"id":402,"depth":507,"text":21},{"id":419,"depth":507,"text":420},{"id":439,"depth":507,"text":440},{"id":458,"depth":501,"text":459},{"id":465,"depth":501,"text":466},{"id":491,"depth":501,"text":492},"Package manager code switcher with automatic command conversion","md",null,{},true,{"title":128,"description":519},"M4p46eO2osJwJ6ZXj6N7_qsP4TT5msUx1u7PsWGuxXI",[527,528],{"title":124,"path":125,"stem":126,"children":-1},{"title":132,"path":133,"stem":134,"children":-1},1779983427575]