[{"data":1,"prerenderedAt":371},["ShallowReactive",2],{"navigation":3,"docs-/docs/components/copy-button":139,"surround-/docs/components/copy-button":368},[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":96,"body":141,"description":361,"extension":362,"links":363,"meta":364,"navigation":365,"path":97,"seo":366,"sitemap":32,"stem":98,"__hash__":367},"docs/docs/4.components/11.copy-button.md",{"type":142,"value":143,"toc":354},"minimark",[144,148,152,157,160,206,210,229,233,236,259,262,266,328,332,335,350],[145,146,96],"h1",{"id":147},"copybutton",[149,150,151],"p",{},"A button component that copies text to the clipboard when clicked, providing visual feedback on success.",[153,154,156],"h2",{"id":155},"usage","Usage",[149,158,159],{},"The CopyButton is primarily used internally by the ProsePre component to provide copy functionality for code blocks. It can also be used standalone:",[161,162,167],"pre",{"className":163,"code":164,"language":165,"meta":166,"style":166},"language-mdc shiki shiki-themes github-light-default github-dark","::copy-button{value=\"npm install docs-please\"}\n::\n","mdc","",[168,169,170,200],"code",{"__ignoreMap":166},[171,172,175,179,183,186,190,193,197],"span",{"class":173,"line":174},"line",1,[171,176,178],{"class":177},"s80WL","::",[171,180,182],{"class":181},"s5xbh","copy-button",[171,184,185],{"class":177},"{",[171,187,189],{"class":188},"si9m_","value",[171,191,192],{"class":177},"=",[171,194,196],{"class":195},"skyLg","\"npm install docs-please\"",[171,198,199],{"class":177},"}\n",[171,201,203],{"class":173,"line":202},2,[171,204,205],{"class":177},"::\n",[153,207,209],{"id":208},"how-it-works","How It Works",[211,212,213,217,223,226],"ol",{},[214,215,216],"li",{},"User clicks the copy button",[214,218,219,220,222],{},"The ",[168,221,189],{}," prop content is copied to the clipboard",[214,224,225],{},"The icon changes from a copy icon to a check icon",[214,227,228],{},"After a brief delay, the icon returns to the copy state",[153,230,232],{"id":231},"in-code-blocks","In Code Blocks",[149,234,235],{},"CopyButton is automatically included in all fenced code blocks. When you write:",[161,237,241],{"className":238,"code":239,"language":240,"meta":166,"style":166},"language-ts shiki shiki-themes github-light-default github-dark","const hello = 'world'\n","ts",[168,242,243],{"__ignoreMap":166},[171,244,245,249,253,256],{"class":173,"line":174},[171,246,248],{"class":247},"spYc3","const",[171,250,252],{"class":251},"sP1nQ"," hello",[171,254,255],{"class":247}," =",[171,257,258],{"class":195}," 'world'\n",[149,260,261],{},"A copy button appears in the top-right corner of the code block.",[153,263,265],{"id":264},"props","Props",[267,268,269,288],"table",{},[270,271,272],"thead",{},[273,274,275,279,282,285],"tr",{},[276,277,278],"th",{},"Prop",[276,280,281],{},"Type",[276,283,284],{},"Default",[276,286,287],{},"Description",[289,290,291,311],"tbody",{},[273,292,293,298,303,308],{},[294,295,296],"td",{},[168,297,189],{},[294,299,300],{},[168,301,302],{},"string",[294,304,305],{},[168,306,307],{},"''",[294,309,310],{},"Text content to copy to clipboard",[273,312,313,318,322,325],{},[294,314,315],{},[168,316,317],{},"class",[294,319,320],{},[168,321,302],{},[294,323,324],{},"-",[294,326,327],{},"Additional CSS classes",[153,329,331],{"id":330},"styling","Styling",[149,333,334],{},"The button displays:",[336,337,338,341,344,347],"ul",{},[214,339,340],{},"Copy icon (clipboard) in default state",[214,342,343],{},"Check icon when content has been copied",[214,345,346],{},"Positioned absolutely (typically top-right of parent)",[214,348,349],{},"Subtle hover effect",[351,352,353],"style",{},"html pre.shiki code .s80WL, html code.shiki .s80WL{--shiki-light:#1F2328;--shiki-dark:#E1E4E8}html pre.shiki code .s5xbh, html code.shiki .s5xbh{--shiki-light:#116329;--shiki-dark:#85E89D}html pre.shiki code .si9m_, html code.shiki .si9m_{--shiki-light:#0550AE;--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);}html pre.shiki code .spYc3, html code.shiki .spYc3{--shiki-light:#CF222E;--shiki-dark:#F97583}html pre.shiki code .sP1nQ, html code.shiki .sP1nQ{--shiki-light:#0550AE;--shiki-dark:#79B8FF}",{"title":166,"searchDepth":202,"depth":202,"links":355},[356,357,358,359,360],{"id":155,"depth":202,"text":156},{"id":208,"depth":202,"text":209},{"id":231,"depth":202,"text":232},{"id":264,"depth":202,"text":265},{"id":330,"depth":202,"text":331},"Copy to clipboard button component","md",null,{},true,{"title":96,"description":361},"Gp2A8593XX3wXuZjO14adouYgCV_8pQPGVYA9kOf3VU",[369,370],{"title":92,"path":93,"stem":94,"children":-1},{"title":100,"path":101,"stem":102,"children":-1},1779983235717]