[{"data":1,"prerenderedAt":2528},["ShallowReactive",2],{"selaras-docs-navigation":3,"selaras-docs:\u002Fcomponents\u002Ftypography\u002Fprose":682},[4,11,128,525,584,626],{"title":5,"path":6,"stem":7,"order":8,"icon":9,"collapse":10,"navBadges":9},"Selaras","\u002F","index",1,null,false,{"title":12,"order":13,"icon":9,"collapse":10,"navBadges":9,"path":14,"stem":15,"children":16,"page":10},"Overview",10,"\u002Foverview","overview",[17,70,107],{"title":18,"order":13,"icon":9,"collapse":10,"navBadges":9,"path":19,"stem":20,"children":21,"page":10},"Getting Started","\u002Foverview\u002Fgetting-started","overview\u002Fgetting-started",[22,26,31,36,41,46,51,56,61,66],{"title":23,"path":24,"stem":25,"order":13,"icon":9,"collapse":10,"navBadges":9},"Introduction","\u002Foverview\u002Fgetting-started\u002Fintroduction","overview\u002Fgetting-started\u002Fintroduction",{"title":27,"path":28,"stem":29,"order":30,"icon":9,"collapse":10,"navBadges":9},"Installation","\u002Foverview\u002Fgetting-started\u002Finstallation","overview\u002Fgetting-started\u002Finstallation",20,{"title":32,"path":33,"stem":34,"order":35,"icon":9,"collapse":10,"navBadges":9},"Component usage","\u002Foverview\u002Fgetting-started\u002Fcomponent-usage","overview\u002Fgetting-started\u002Fcomponent-usage",30,{"title":37,"path":38,"stem":39,"order":40,"icon":9,"collapse":10,"navBadges":9},"Nuxt configuration","\u002Foverview\u002Fgetting-started\u002Fnuxt-configuration","overview\u002Fgetting-started\u002Fnuxt-configuration",40,{"title":42,"path":43,"stem":44,"order":45,"icon":9,"collapse":10,"navBadges":9},"Icons","\u002Foverview\u002Fgetting-started\u002Ficons","overview\u002Fgetting-started\u002Ficons",50,{"title":47,"path":48,"stem":49,"order":50,"icon":9,"collapse":10,"navBadges":9},"Messages and localization","\u002Foverview\u002Fgetting-started\u002Fmessages","overview\u002Fgetting-started\u002Fmessages",60,{"title":52,"path":53,"stem":54,"order":55,"icon":9,"collapse":10,"navBadges":9},"Adaptive interfaces","\u002Foverview\u002Fgetting-started\u002Fadaptive-interfaces","overview\u002Fgetting-started\u002Fadaptive-interfaces",70,{"title":57,"path":58,"stem":59,"order":60,"icon":9,"collapse":10,"navBadges":9},"TypeScript","\u002Foverview\u002Fgetting-started\u002Ftypescript","overview\u002Fgetting-started\u002Ftypescript",80,{"title":62,"path":63,"stem":64,"order":65,"icon":9,"collapse":10,"navBadges":9},"Accessibility","\u002Foverview\u002Fgetting-started\u002Faccessibility","overview\u002Fgetting-started\u002Faccessibility",90,{"title":67,"path":68,"stem":69,"order":65,"icon":9,"collapse":10,"navBadges":9},"Migrating to 1.0","\u002Foverview\u002Fgetting-started\u002Fmigrating-to-1","overview\u002Fgetting-started\u002Fmigrating-to-1",{"title":71,"order":30,"icon":9,"collapse":10,"navBadges":9,"path":72,"stem":73,"children":74,"page":10},"Theming","\u002Foverview\u002Ftheming","overview\u002Ftheming",[75,78,82,86,90,94,99,103],{"title":71,"path":76,"stem":77,"order":13,"icon":9,"collapse":10,"navBadges":9},"\u002Foverview\u002Ftheming\u002Foverview","overview\u002Ftheming\u002Foverview",{"title":79,"path":80,"stem":81,"order":30,"icon":9,"collapse":10,"navBadges":9},"CSS tokens","\u002Foverview\u002Ftheming\u002Fcss-tokens","overview\u002Ftheming\u002Fcss-tokens",{"title":83,"path":84,"stem":85,"order":35,"icon":9,"collapse":10,"navBadges":9},"Color roles","\u002Foverview\u002Ftheming\u002Fcolor-roles","overview\u002Ftheming\u002Fcolor-roles",{"title":87,"path":88,"stem":89,"order":40,"icon":9,"collapse":10,"navBadges":9},"Color modes","\u002Foverview\u002Ftheming\u002Fcolor-modes","overview\u002Ftheming\u002Fcolor-modes",{"title":91,"path":92,"stem":93,"order":45,"icon":9,"collapse":10,"navBadges":9},"Component styling","\u002Foverview\u002Ftheming\u002Fcomponent-styling","overview\u002Ftheming\u002Fcomponent-styling",{"title":95,"path":96,"stem":97,"order":98,"icon":9,"collapse":10,"navBadges":9},"Global configuration","\u002Foverview\u002Ftheming\u002Fglobal-configuration","overview\u002Ftheming\u002Fglobal-configuration",55,{"title":100,"path":101,"stem":102,"order":50,"icon":9,"collapse":10,"navBadges":9},"Scoped themes","\u002Foverview\u002Ftheming\u002Fscoped-themes","overview\u002Ftheming\u002Fscoped-themes",{"title":104,"path":105,"stem":106,"order":55,"icon":9,"collapse":10,"navBadges":9},"Complete themes","\u002Foverview\u002Ftheming\u002Fcomplete-themes","overview\u002Ftheming\u002Fcomplete-themes",{"title":108,"order":35,"icon":9,"collapse":10,"navBadges":9,"path":109,"stem":110,"children":111,"page":10},"Agent Support","\u002Foverview\u002Fagent-support","overview\u002Fagent-support",[112,116,120,124],{"title":113,"path":114,"stem":115,"order":13,"icon":9,"collapse":10,"navBadges":9},"Agent support","\u002Foverview\u002Fagent-support\u002Foverview","overview\u002Fagent-support\u002Foverview",{"title":117,"path":118,"stem":119,"order":30,"icon":9,"collapse":10,"navBadges":9},"Documentation exports","\u002Foverview\u002Fagent-support\u002Fdocumentation","overview\u002Fagent-support\u002Fdocumentation",{"title":121,"path":122,"stem":123,"order":35,"icon":9,"collapse":10,"navBadges":9},"Skills","\u002Foverview\u002Fagent-support\u002Fskills","overview\u002Fagent-support\u002Fskills",{"title":125,"path":126,"stem":127,"order":40,"icon":9,"collapse":10,"navBadges":9},"MCP","\u002Foverview\u002Fagent-support\u002Fmcp","overview\u002Fagent-support\u002Fmcp",{"title":129,"order":30,"icon":9,"collapse":10,"navBadges":9,"path":130,"stem":131,"children":132,"page":10},"Components","\u002Fcomponents","components",[133,210,313,336,380,433,486],{"title":134,"path":135,"stem":136,"children":137,"page":10},"Elements","\u002Fcomponents\u002Felements","components\u002Felements",[138,142,147,152,157,162,166,171,176,181,186,191,196,201,205],{"title":139,"path":140,"stem":141,"order":13,"icon":9,"collapse":10,"navBadges":9},"Button","\u002Fcomponents\u002Felements\u002Fbutton","components\u002Felements\u002Fbutton",{"title":143,"path":144,"stem":145,"order":146,"icon":9,"collapse":10,"navBadges":9},"ButtonGroup","\u002Fcomponents\u002Felements\u002Fbutton-group","components\u002Felements\u002Fbutton-group",10.5,{"title":148,"path":149,"stem":150,"order":151,"icon":9,"collapse":10,"navBadges":9},"Badge","\u002Fcomponents\u002Felements\u002Fbadge","components\u002Felements\u002Fbadge",11,{"title":153,"path":154,"stem":155,"order":156,"icon":9,"collapse":10,"navBadges":9},"Avatar","\u002Fcomponents\u002Felements\u002Favatar","components\u002Felements\u002Favatar",11.25,{"title":158,"path":159,"stem":160,"order":161,"icon":9,"collapse":10,"navBadges":9},"AvatarGroup","\u002Fcomponents\u002Felements\u002Favatar-group","components\u002Felements\u002Favatar-group",11.5,{"title":163,"path":164,"stem":165,"order":161,"icon":9,"collapse":10,"navBadges":9},"Chip","\u002Fcomponents\u002Felements\u002Fchip","components\u002Felements\u002Fchip",{"title":167,"path":168,"stem":169,"order":170,"icon":9,"collapse":10,"navBadges":9},"Icon","\u002Fcomponents\u002Felements\u002Ficon","components\u002Felements\u002Ficon",12,{"title":172,"path":173,"stem":174,"order":175,"icon":9,"collapse":10,"navBadges":9},"Skeleton","\u002Fcomponents\u002Felements\u002Fskeleton","components\u002Felements\u002Fskeleton",12.5,{"title":177,"path":178,"stem":179,"order":180,"icon":9,"collapse":10,"navBadges":9},"Separator","\u002Fcomponents\u002Felements\u002Fseparator","components\u002Felements\u002Fseparator",12.75,{"title":182,"path":183,"stem":184,"order":185,"icon":9,"collapse":10,"navBadges":9},"Alert","\u002Fcomponents\u002Felements\u002Falert","components\u002Felements\u002Falert",12.9,{"title":187,"path":188,"stem":189,"order":190,"icon":9,"collapse":10,"navBadges":9},"Toggle","\u002Fcomponents\u002Felements\u002Ftoggle","components\u002Felements\u002Ftoggle",12.92,{"title":192,"path":193,"stem":194,"order":195,"icon":9,"collapse":10,"navBadges":9},"Toggle Group","\u002Fcomponents\u002Felements\u002Ftoggle-group","components\u002Felements\u002Ftoggle-group",12.94,{"title":197,"path":198,"stem":199,"order":200,"icon":9,"collapse":10,"navBadges":9},"Kbd","\u002Fcomponents\u002Felements\u002Fkbd","components\u002Felements\u002Fkbd",12.95,{"title":202,"path":203,"stem":204,"order":200,"icon":9,"collapse":10,"navBadges":9},"Toolbar","\u002Fcomponents\u002Felements\u002Ftoolbar","components\u002Felements\u002Ftoolbar",{"title":206,"path":207,"stem":208,"order":209,"icon":9,"collapse":10,"navBadges":9},"Progress","\u002Fcomponents\u002Felements\u002Fprogress","components\u002Felements\u002Fprogress",12.97,{"title":211,"path":212,"stem":213,"children":214,"page":10},"Forms","\u002Fcomponents\u002Fforms","components\u002Fforms",[215,219,224,229,233,238,243,248,253,258,263,268,273,278,283,288,293,298,303,308],{"title":216,"path":217,"stem":218,"order":30,"icon":9,"collapse":10,"navBadges":9},"Input","\u002Fcomponents\u002Fforms\u002Finput","components\u002Fforms\u002Finput",{"title":220,"path":221,"stem":222,"order":223,"icon":9,"collapse":10,"navBadges":9},"InputGroup","\u002Fcomponents\u002Fforms\u002Finput-group","components\u002Fforms\u002Finput-group",20.25,{"title":225,"path":226,"stem":227,"order":228,"icon":9,"collapse":10,"navBadges":9},"Editable","\u002Fcomponents\u002Fforms\u002Feditable","components\u002Fforms\u002Feditable",20.5,{"title":230,"path":231,"stem":232,"order":228,"icon":9,"collapse":10,"navBadges":9},"InputNumber","\u002Fcomponents\u002Fforms\u002Finput-number","components\u002Fforms\u002Finput-number",{"title":234,"path":235,"stem":236,"order":237,"icon":9,"collapse":10,"navBadges":9},"Slider","\u002Fcomponents\u002Fforms\u002Fslider","components\u002Fforms\u002Fslider",20.75,{"title":239,"path":240,"stem":241,"order":242,"icon":9,"collapse":10,"navBadges":9},"PinInput","\u002Fcomponents\u002Fforms\u002Fpin-input","components\u002Fforms\u002Fpin-input",20.9,{"title":244,"path":245,"stem":246,"order":247,"icon":9,"collapse":10,"navBadges":9},"Textarea","\u002Fcomponents\u002Fforms\u002Ftextarea","components\u002Fforms\u002Ftextarea",21,{"title":249,"path":250,"stem":251,"order":252,"icon":9,"collapse":10,"navBadges":9},"FileUpload","\u002Fcomponents\u002Fforms\u002Ffile-upload","components\u002Fforms\u002Ffile-upload",21.5,{"title":254,"path":255,"stem":256,"order":257,"icon":9,"collapse":10,"navBadges":9},"Select","\u002Fcomponents\u002Fforms\u002Fselect","components\u002Fforms\u002Fselect",22,{"title":259,"path":260,"stem":261,"order":262,"icon":9,"collapse":10,"navBadges":9},"Listbox","\u002Fcomponents\u002Fforms\u002Flistbox","components\u002Fforms\u002Flistbox",22.5,{"title":264,"path":265,"stem":266,"order":267,"icon":9,"collapse":10,"navBadges":9},"TransferList","\u002Fcomponents\u002Fforms\u002Ftransfer-list","components\u002Fforms\u002Ftransfer-list",22.75,{"title":269,"path":270,"stem":271,"order":272,"icon":9,"collapse":10,"navBadges":9},"Autocomplete","\u002Fcomponents\u002Fforms\u002Fautocomplete","components\u002Fforms\u002Fautocomplete",23,{"title":274,"path":275,"stem":276,"order":277,"icon":9,"collapse":10,"navBadges":9},"DatePicker","\u002Fcomponents\u002Fforms\u002Fdate-picker","components\u002Fforms\u002Fdate-picker",23.5,{"title":279,"path":280,"stem":281,"order":282,"icon":9,"collapse":10,"navBadges":9},"ColorPicker","\u002Fcomponents\u002Fforms\u002Fcolor-picker","components\u002Fforms\u002Fcolor-picker",23.75,{"title":284,"path":285,"stem":286,"order":287,"icon":9,"collapse":10,"navBadges":9},"Checkbox","\u002Fcomponents\u002Fforms\u002Fcheckbox","components\u002Fforms\u002Fcheckbox",24,{"title":289,"path":290,"stem":291,"order":292,"icon":9,"collapse":10,"navBadges":9},"RadioGroup","\u002Fcomponents\u002Fforms\u002Fradio-group","components\u002Fforms\u002Fradio-group",25,{"title":294,"path":295,"stem":296,"order":297,"icon":9,"collapse":10,"navBadges":9},"Rating","\u002Fcomponents\u002Fforms\u002Frating","components\u002Fforms\u002Frating",25.5,{"title":299,"path":300,"stem":301,"order":302,"icon":9,"collapse":10,"navBadges":9},"Switch","\u002Fcomponents\u002Fforms\u002Fswitch","components\u002Fforms\u002Fswitch",26,{"title":304,"path":305,"stem":306,"order":307,"icon":9,"collapse":10,"navBadges":9},"FormField","\u002Fcomponents\u002Fforms\u002Fform-field","components\u002Fforms\u002Fform-field",27,{"title":309,"path":310,"stem":311,"order":312,"icon":9,"collapse":10,"navBadges":9},"Form Validation","\u002Fcomponents\u002Fforms\u002Fvalidation","components\u002Fforms\u002Fvalidation",28,{"title":314,"path":315,"stem":316,"children":317,"page":10},"Data","\u002Fcomponents\u002Fdata","components\u002Fdata",[318,322,327,331],{"title":319,"path":320,"stem":321,"order":312,"icon":9,"collapse":10,"navBadges":9},"EmptyState","\u002Fcomponents\u002Fdata\u002Fempty-state","components\u002Fdata\u002Fempty-state",{"title":323,"path":324,"stem":325,"order":326,"icon":9,"collapse":10,"navBadges":9},"Calendar","\u002Fcomponents\u002Fdata\u002Fcalendar","components\u002Fdata\u002Fcalendar",29,{"title":328,"path":329,"stem":330,"order":35,"icon":9,"collapse":10,"navBadges":9},"Table","\u002Fcomponents\u002Fdata\u002Ftable","components\u002Fdata\u002Ftable",{"title":332,"path":333,"stem":334,"order":335,"icon":9,"collapse":10,"navBadges":9},"Timeline","\u002Fcomponents\u002Fdata\u002Ftimeline","components\u002Fdata\u002Ftimeline",31,{"title":337,"path":338,"stem":339,"children":340,"page":10},"Navigation","\u002Fcomponents\u002Fnavigation","components\u002Fnavigation",[341,346,350,355,360,365,370,375],{"title":342,"path":343,"stem":344,"order":345,"icon":9,"collapse":10,"navBadges":9},"Breadcrumb","\u002Fcomponents\u002Fnavigation\u002Fbreadcrumb","components\u002Fnavigation\u002Fbreadcrumb",39,{"title":347,"path":348,"stem":349,"order":40,"icon":9,"collapse":10,"navBadges":9},"Tabs","\u002Fcomponents\u002Fnavigation\u002Ftabs","components\u002Fnavigation\u002Ftabs",{"title":351,"path":352,"stem":353,"order":354,"icon":9,"collapse":10,"navBadges":9},"Stepper","\u002Fcomponents\u002Fnavigation\u002Fstepper","components\u002Fnavigation\u002Fstepper",40.5,{"title":356,"path":357,"stem":358,"order":359,"icon":9,"collapse":10,"navBadges":9},"Accordion","\u002Fcomponents\u002Fnavigation\u002Faccordion","components\u002Fnavigation\u002Faccordion",41,{"title":361,"path":362,"stem":363,"order":364,"icon":9,"collapse":10,"navBadges":9},"Collapsible","\u002Fcomponents\u002Fnavigation\u002Fcollapsible","components\u002Fnavigation\u002Fcollapsible",41.5,{"title":366,"path":367,"stem":368,"order":369,"icon":9,"collapse":10,"navBadges":9},"Tree","\u002Fcomponents\u002Fnavigation\u002Ftree","components\u002Fnavigation\u002Ftree",41.75,{"title":371,"path":372,"stem":373,"order":374,"icon":9,"collapse":10,"navBadges":9},"Pagination","\u002Fcomponents\u002Fnavigation\u002Fpagination","components\u002Fnavigation\u002Fpagination",44,{"title":376,"path":377,"stem":378,"order":379,"icon":9,"collapse":10,"navBadges":9},"NavigationMenu","\u002Fcomponents\u002Fnavigation\u002Fnavigation-menu","components\u002Fnavigation\u002Fnavigation-menu",45,{"title":381,"path":382,"stem":383,"children":384,"page":10},"Overlays","\u002Fcomponents\u002Foverlays","components\u002Foverlays",[385,389,394,399,404,409,414,419,424,428],{"title":386,"path":387,"stem":388,"order":45,"icon":9,"collapse":10,"navBadges":9},"Modal","\u002Fcomponents\u002Foverlays\u002Fmodal","components\u002Foverlays\u002Fmodal",{"title":390,"path":391,"stem":392,"order":393,"icon":9,"collapse":10,"navBadges":9},"AlertDialog","\u002Fcomponents\u002Foverlays\u002Falert-dialog","components\u002Foverlays\u002Falert-dialog",50.5,{"title":395,"path":396,"stem":397,"order":398,"icon":9,"collapse":10,"navBadges":9},"Dropdown","\u002Fcomponents\u002Foverlays\u002Fdropdown","components\u002Foverlays\u002Fdropdown",51,{"title":400,"path":401,"stem":402,"order":403,"icon":9,"collapse":10,"navBadges":9},"Context Menu","\u002Fcomponents\u002Foverlays\u002Fcontext-menu","components\u002Foverlays\u002Fcontext-menu",51.5,{"title":405,"path":406,"stem":407,"order":408,"icon":9,"collapse":10,"navBadges":9},"Tooltip","\u002Fcomponents\u002Foverlays\u002Ftooltip","components\u002Foverlays\u002Ftooltip",52,{"title":410,"path":411,"stem":412,"order":413,"icon":9,"collapse":10,"navBadges":9},"Toast","\u002Fcomponents\u002Foverlays\u002Ftoast","components\u002Foverlays\u002Ftoast",53,{"title":415,"path":416,"stem":417,"order":418,"icon":9,"collapse":10,"navBadges":9},"Slideover","\u002Fcomponents\u002Foverlays\u002Fslideover","components\u002Foverlays\u002Fslideover",54,{"title":420,"path":421,"stem":422,"order":423,"icon":9,"collapse":10,"navBadges":9},"Command Palette","\u002Fcomponents\u002Foverlays\u002Fcommand-palette","components\u002Foverlays\u002Fcommand-palette",54.5,{"title":425,"path":426,"stem":427,"order":98,"icon":9,"collapse":10,"navBadges":9},"Popover","\u002Fcomponents\u002Foverlays\u002Fpopover","components\u002Foverlays\u002Fpopover",{"title":429,"path":430,"stem":431,"order":432,"icon":9,"collapse":10,"navBadges":9},"Drawer","\u002Fcomponents\u002Foverlays\u002Fdrawer","components\u002Foverlays\u002Fdrawer",56,{"title":434,"path":435,"stem":436,"children":437,"page":10},"Layout","\u002Fcomponents\u002Flayout","components\u002Flayout",[438,443,447,452,457,462,466,471,476,481],{"title":439,"path":440,"stem":441,"order":442,"icon":9,"collapse":10,"navBadges":9},"App","\u002Fcomponents\u002Flayout\u002Fapp","components\u002Flayout\u002Fapp",59,{"title":444,"path":445,"stem":446,"order":50,"icon":9,"collapse":10,"navBadges":9},"Container","\u002Fcomponents\u002Flayout\u002Fcontainer","components\u002Flayout\u002Fcontainer",{"title":448,"path":449,"stem":450,"order":451,"icon":9,"collapse":10,"navBadges":9},"Header","\u002Fcomponents\u002Flayout\u002Fheader","components\u002Flayout\u002Fheader",63,{"title":453,"path":454,"stem":455,"order":456,"icon":9,"collapse":10,"navBadges":9},"ColorModeToggle","\u002Fcomponents\u002Flayout\u002Fcolor-mode-toggle","components\u002Flayout\u002Fcolor-mode-toggle",64,{"title":458,"path":459,"stem":460,"order":461,"icon":9,"collapse":10,"navBadges":9},"ColorModeSwitch","\u002Fcomponents\u002Flayout\u002Fcolor-mode-switch","components\u002Flayout\u002Fcolor-mode-switch",65,{"title":463,"path":464,"stem":465,"order":461,"icon":9,"collapse":10,"navBadges":9},"ScrollArea","\u002Fcomponents\u002Flayout\u002Fscroll-area","components\u002Flayout\u002Fscroll-area",{"title":467,"path":468,"stem":469,"order":470,"icon":9,"collapse":10,"navBadges":9},"Card","\u002Fcomponents\u002Flayout\u002Fcard","components\u002Flayout\u002Fcard",66,{"title":472,"path":473,"stem":474,"order":475,"icon":9,"collapse":10,"navBadges":9},"CardGroup","\u002Fcomponents\u002Flayout\u002Fcard-group","components\u002Flayout\u002Fcard-group",67,{"title":477,"path":478,"stem":479,"order":480,"icon":9,"collapse":10,"navBadges":9},"Splitter","\u002Fcomponents\u002Flayout\u002Fsplitter","components\u002Flayout\u002Fsplitter",68,{"title":482,"path":483,"stem":484,"order":485,"icon":9,"collapse":10,"navBadges":9},"Theme","\u002Fcomponents\u002Flayout\u002Ftheme","components\u002Flayout\u002Ftheme",69,{"title":487,"path":488,"stem":489,"children":490,"page":10},"Typography","\u002Fcomponents\u002Ftypography","components\u002Ftypography",[491,495,500,505,510,515,520],{"title":492,"path":493,"stem":494,"order":55,"icon":9,"collapse":10,"navBadges":9},"Prose","\u002Fcomponents\u002Ftypography\u002Fprose","components\u002Ftypography\u002Fprose",{"title":496,"path":497,"stem":498,"order":499,"icon":9,"collapse":10,"navBadges":9},"CodeGroup","\u002Fcomponents\u002Ftypography\u002Fcode-group","components\u002Ftypography\u002Fcode-group",71,{"title":501,"path":502,"stem":503,"order":504,"icon":9,"collapse":10,"navBadges":9},"Callout","\u002Fcomponents\u002Ftypography\u002Fcallout","components\u002Ftypography\u002Fcallout",72,{"title":506,"path":507,"stem":508,"order":509,"icon":9,"collapse":10,"navBadges":9},"CodeButton","\u002Fcomponents\u002Ftypography\u002Fcode-button","components\u002Ftypography\u002Fcode-button",73,{"title":511,"path":512,"stem":513,"order":514,"icon":9,"collapse":10,"navBadges":9},"ReadMore","\u002Fcomponents\u002Ftypography\u002Fread-more","components\u002Ftypography\u002Fread-more",74,{"title":516,"path":517,"stem":518,"order":519,"icon":9,"collapse":10,"navBadges":9},"FileTree","\u002Fcomponents\u002Ftypography\u002Ffile-tree","components\u002Ftypography\u002Ffile-tree",75,{"title":521,"path":522,"stem":523,"order":524,"icon":9,"collapse":10,"navBadges":9},"CodeTree","\u002Fcomponents\u002Ftypography\u002Fcode-tree","components\u002Ftypography\u002Fcode-tree",76,{"title":526,"order":35,"icon":9,"collapse":10,"navBadges":9,"path":527,"stem":528,"children":529,"page":10},"Composites","\u002Fcomposites","composites",[530,559],{"title":531,"path":532,"stem":533,"children":534,"page":10},"Dashboard","\u002Fcomposites\u002Fdashboard","composites\u002Fdashboard",[535,539,543,547,551,555],{"title":536,"path":537,"stem":538,"order":13,"icon":9,"collapse":10,"navBadges":9},"DashboardGroup","\u002Fcomposites\u002Fdashboard\u002Fdashboard-group","composites\u002Fdashboard\u002Fdashboard-group",{"title":540,"path":541,"stem":542,"order":30,"icon":9,"collapse":10,"navBadges":9},"DashboardSidebar","\u002Fcomposites\u002Fdashboard\u002Fdashboard-sidebar","composites\u002Fdashboard\u002Fdashboard-sidebar",{"title":544,"path":545,"stem":546,"order":35,"icon":9,"collapse":10,"navBadges":9},"DashboardPanel","\u002Fcomposites\u002Fdashboard\u002Fdashboard-panel","composites\u002Fdashboard\u002Fdashboard-panel",{"title":548,"path":549,"stem":550,"order":40,"icon":9,"collapse":10,"navBadges":9},"DashboardResizeHandle","\u002Fcomposites\u002Fdashboard\u002Fdashboard-resize-handle","composites\u002Fdashboard\u002Fdashboard-resize-handle",{"title":552,"path":553,"stem":554,"order":45,"icon":9,"collapse":10,"navBadges":9},"DashboardNavbar","\u002Fcomposites\u002Fdashboard\u002Fdashboard-navbar","composites\u002Fdashboard\u002Fdashboard-navbar",{"title":556,"path":557,"stem":558,"order":50,"icon":9,"collapse":10,"navBadges":9},"DashboardSidebarToggle","\u002Fcomposites\u002Fdashboard\u002Fdashboard-sidebar-toggle","composites\u002Fdashboard\u002Fdashboard-sidebar-toggle",{"title":560,"path":561,"stem":562,"children":563,"page":10},"Documentation","\u002Fcomposites\u002Fdocumentation","composites\u002Fdocumentation",[564,568,572,576,580],{"title":565,"path":566,"stem":567,"order":13,"icon":9,"collapse":10,"navBadges":9},"PageHeader","\u002Fcomposites\u002Fdocumentation\u002Fpage-header","composites\u002Fdocumentation\u002Fpage-header",{"title":569,"path":570,"stem":571,"order":30,"icon":9,"collapse":10,"navBadges":9},"PageAside","\u002Fcomposites\u002Fdocumentation\u002Fpage-aside","composites\u002Fdocumentation\u002Fpage-aside",{"title":573,"path":574,"stem":575,"order":35,"icon":9,"collapse":10,"navBadges":9},"ContentNavigation","\u002Fcomposites\u002Fdocumentation\u002Fcontent-navigation","composites\u002Fdocumentation\u002Fcontent-navigation",{"title":577,"path":578,"stem":579,"order":40,"icon":9,"collapse":10,"navBadges":9},"ContentToc","\u002Fcomposites\u002Fdocumentation\u002Fcontent-toc","composites\u002Fdocumentation\u002Fcontent-toc",{"title":581,"path":582,"stem":583,"order":45,"icon":9,"collapse":10,"navBadges":9},"ContentSurround","\u002Fcomposites\u002Fdocumentation\u002Fcontent-surround","composites\u002Fdocumentation\u002Fcontent-surround",{"title":585,"order":586,"icon":9,"collapse":10,"navBadges":9,"path":587,"stem":588,"children":589,"page":10},"Blocks",35,"\u002Fblocks","blocks",[590,593,597,601,605,609],{"title":585,"path":591,"stem":592,"order":13,"icon":9,"collapse":10,"navBadges":9},"\u002Fblocks\u002Foverview","blocks\u002Foverview",{"title":594,"path":595,"stem":596,"order":30,"icon":9,"collapse":10,"navBadges":9},"Sign in","\u002Fblocks\u002Fsign-in","blocks\u002Fsign-in",{"title":598,"path":599,"stem":600,"order":35,"icon":9,"collapse":10,"navBadges":9},"Dashboard overview","\u002Fblocks\u002Fdashboard-overview","blocks\u002Fdashboard-overview",{"title":602,"path":603,"stem":604,"order":40,"icon":9,"collapse":10,"navBadges":9},"Profile settings","\u002Fblocks\u002Fprofile-settings","blocks\u002Fprofile-settings",{"title":606,"path":607,"stem":608,"order":45,"icon":9,"collapse":10,"navBadges":9},"Data management","\u002Fblocks\u002Fdata-management","blocks\u002Fdata-management",{"title":610,"order":50,"icon":9,"collapse":10,"navBadges":9,"path":611,"stem":612,"children":613,"page":10},"Editors","\u002Fblocks\u002Feditors","blocks\u002Feditors",[614,618,622],{"title":615,"path":616,"stem":617,"order":13,"icon":9,"collapse":10,"navBadges":9},"Tiptap editor","\u002Fblocks\u002Feditors\u002Ftiptap","blocks\u002Feditors\u002Ftiptap",{"title":619,"path":620,"stem":621,"order":30,"icon":9,"collapse":10,"navBadges":9},"Lexical editor","\u002Fblocks\u002Feditors\u002Flexical","blocks\u002Feditors\u002Flexical",{"title":623,"path":624,"stem":625,"order":35,"icon":9,"collapse":10,"navBadges":9},"Quill editor","\u002Fblocks\u002Feditors\u002Fquill","blocks\u002Feditors\u002Fquill",{"title":627,"order":40,"icon":9,"collapse":10,"navBadges":9,"path":628,"stem":629,"children":630,"page":10},"Utilities","\u002Futilities","utilities",[631,665],{"title":632,"path":633,"stem":634,"children":635,"page":10},"Composables","\u002Futilities\u002Fcomposables","utilities\u002Fcomposables",[636,640,644,649,653,657,661],{"title":637,"path":638,"stem":639,"order":13,"icon":9,"collapse":10,"navBadges":9},"useModal","\u002Futilities\u002Fcomposables\u002Fuse-modal","utilities\u002Fcomposables\u002Fuse-modal",{"title":641,"path":642,"stem":643,"order":170,"icon":9,"collapse":10,"navBadges":9},"useConfirm","\u002Futilities\u002Fcomposables\u002Fuse-confirm","utilities\u002Fcomposables\u002Fuse-confirm",{"title":645,"path":646,"stem":647,"order":648,"icon":9,"collapse":10,"navBadges":9},"useDrawer","\u002Futilities\u002Fcomposables\u002Fuse-drawer","utilities\u002Fcomposables\u002Fuse-drawer",15,{"title":650,"path":651,"stem":652,"order":30,"icon":9,"collapse":10,"navBadges":9},"useSlideover","\u002Futilities\u002Fcomposables\u002Fuse-slideover","utilities\u002Fcomposables\u002Fuse-slideover",{"title":654,"path":655,"stem":656,"order":35,"icon":9,"collapse":10,"navBadges":9},"useIcons","\u002Futilities\u002Fcomposables\u002Fuse-icons","utilities\u002Fcomposables\u002Fuse-icons",{"title":658,"path":659,"stem":660,"order":40,"icon":9,"collapse":10,"navBadges":9},"useMessages","\u002Futilities\u002Fcomposables\u002Fuse-messages","utilities\u002Fcomposables\u002Fuse-messages",{"title":662,"path":663,"stem":664,"order":45,"icon":9,"collapse":10,"navBadges":9},"useLocale","\u002Futilities\u002Fcomposables\u002Fuse-locale","utilities\u002Fcomposables\u002Fuse-locale",{"title":666,"path":667,"stem":668,"children":669,"page":10},"Directives","\u002Futilities\u002Fdirectives","utilities\u002Fdirectives",[670,674,678],{"title":671,"path":672,"stem":673,"order":13,"icon":9,"collapse":10,"navBadges":9},"v-ripple","\u002Futilities\u002Fdirectives\u002Fripple","utilities\u002Fdirectives\u002Fripple",{"title":675,"path":676,"stem":677,"order":648,"icon":9,"collapse":10,"navBadges":9},"v-hotkey","\u002Futilities\u002Fdirectives\u002Fhotkey","utilities\u002Fdirectives\u002Fhotkey",{"title":679,"path":680,"stem":681,"order":30,"icon":9,"collapse":10,"navBadges":9},"v-mask","\u002Futilities\u002Fdirectives\u002Fmask","utilities\u002Fdirectives\u002Fmask",{"byLocale":683,"defaultPath":493},{"en":684,"id":1710},{"id":685,"title":492,"aside":686,"body":687,"collapse":10,"description":1701,"editLink":686,"extension":1702,"icon":9,"issueLink":686,"meta":1703,"navBadges":9,"navigation":9,"order":55,"path":493,"prevNext":686,"seo":1708,"stem":494,"toc":686,"__hash__":1709},"docs\u002Fcomponents\u002Ftypography\u002Fprose.md",true,{"type":688,"value":689,"toc":1685},"minimark",[690,695,708,712,798,809,816,844,855,858,862,867,942,946,975,978,1043,1047,1052,1176,1220,1261,1268,1294,1298,1332,1338,1345,1352,1631,1641,1648,1678,1681],[691,692,694],"h2",{"id":693},"usage","Usage",[696,697,698,699,703,704,707],"p",{},"Wrap any rendered HTML - markdown output, a CMS's rich-text body,\nhand-written content, whatever produced it - in the ",[700,701,702],"code",{},"selaras-prose","\nclass for consistent long-form typography, no components or\n",[700,705,706],{},"@nuxt\u002Fcontent"," required:",[709,710],"component-example",{"name":711},"prose-standalone",[713,714,719],"pre",{"className":715,"code":716,"language":717,"meta":718,"style":718},"language-vue-html shiki shiki-themes github-light github-dark","\u003Cdiv class=\"selaras-prose\">\n  \u003Ch3>A heading\u003C\u002Fh3>\n  \u003Cp>Some \u003Cstrong>bold\u003C\u002Fstrong> text.\u003C\u002Fp>\n\u003C\u002Fdiv>\n","vue-html","",[700,720,721,747,763,788],{"__ignoreMap":718},[722,723,725,729,733,737,740,744],"span",{"class":724,"line":8},"line",[722,726,728],{"class":727},"sVt8B","\u003C",[722,730,732],{"class":731},"s9eBZ","div",[722,734,736],{"class":735},"sScJk"," class",[722,738,739],{"class":727},"=",[722,741,743],{"class":742},"sZZnC","\"selaras-prose\"",[722,745,746],{"class":727},">\n",[722,748,750,753,756,759,761],{"class":724,"line":749},2,[722,751,752],{"class":727},"  \u003C",[722,754,755],{"class":731},"h3",[722,757,758],{"class":727},">A heading\u003C\u002F",[722,760,755],{"class":731},[722,762,746],{"class":727},[722,764,766,768,770,773,776,779,781,784,786],{"class":724,"line":765},3,[722,767,752],{"class":727},[722,769,696],{"class":731},[722,771,772],{"class":727},">Some \u003C",[722,774,775],{"class":731},"strong",[722,777,778],{"class":727},">bold\u003C\u002F",[722,780,775],{"class":731},[722,782,783],{"class":727},"> text.\u003C\u002F",[722,785,696],{"class":731},[722,787,746],{"class":727},[722,789,791,794,796],{"class":724,"line":790},4,[722,792,793],{"class":727},"\u003C\u002F",[722,795,732],{"class":731},[722,797,746],{"class":727},[696,799,800,801,804,805,808],{},"It's a separate, opt-in stylesheet - not bundled into ",[700,802,803],{},"theme.css"," (which\nyou already import yourself, see ",[806,807,27],"a",{"href":28},")",[810,811,812],"ul",{},[813,814,815],"li",{},"so a project with no long-form content never pays for it:",[713,817,821],{"className":818,"code":819,"language":820,"meta":718,"style":718},"language-css shiki shiki-themes github-light github-dark","@import \"tailwindcss\";\n@import \"@sewadah\u002Fselaras\u002Fprose.css\";\n","css",[700,822,823,835],{"__ignoreMap":718},[722,824,825,829,832],{"class":724,"line":8},[722,826,828],{"class":827},"szBVR","@import",[722,830,831],{"class":742}," \"tailwindcss\"",[722,833,834],{"class":727},";\n",[722,836,837,839,842],{"class":724,"line":749},[722,838,828],{"class":827},[722,840,841],{"class":742}," \"@sewadah\u002Fselaras\u002Fprose.css\"",[722,843,834],{"class":727},[696,845,846,847,850,851,854],{},"Every element selector inside it is wrapped in ",[700,848,849],{},":where(...)",", which\ncarries zero specificity - your own classes, or even another plain\nelement selector combined with one more thing, always win. No\n",[700,852,853],{},"!important",", and nothing to override one rule at a time on a page\nwhere the defaults don't fit.",[696,856,857],{},"Tables fill the content width by default. When columns need more space,\nthe table scrolls horizontally without widening the page. Headers and\nbody cells keep their columns aligned.",[755,859,861],{"id":860},"fonts","Fonts",[696,863,864,866],{},[700,865,702],{}," doesn't hardcode a font stack - it follows whatever\nyour project already uses, through three CSS variables you can\noverride independently of your site-wide fonts if prose specifically\nshould look different:",[713,868,870],{"className":818,"code":869,"language":820,"meta":718,"style":718},":root {\n  --selaras-prose-font-body: inherit;\n  --selaras-prose-font-heading: inherit;\n  --selaras-prose-font-mono: var(--font-mono, ui-monospace, monospace);\n}\n",[700,871,872,880,895,906,936],{"__ignoreMap":718},[722,873,874,877],{"class":724,"line":8},[722,875,876],{"class":735},":root",[722,878,879],{"class":727}," {\n",[722,881,882,886,889,893],{"class":724,"line":749},[722,883,885],{"class":884},"s4XuR","  --selaras-prose-font-body",[722,887,888],{"class":727},": ",[722,890,892],{"class":891},"sj4cs","inherit",[722,894,834],{"class":727},[722,896,897,900,902,904],{"class":724,"line":765},[722,898,899],{"class":884},"  --selaras-prose-font-heading",[722,901,888],{"class":727},[722,903,892],{"class":891},[722,905,834],{"class":727},[722,907,908,911,913,916,919,922,925,928,930,933],{"class":724,"line":790},[722,909,910],{"class":884},"  --selaras-prose-font-mono",[722,912,888],{"class":727},[722,914,915],{"class":891},"var",[722,917,918],{"class":727},"(",[722,920,921],{"class":884},"--font-mono",[722,923,924],{"class":727},", ",[722,926,927],{"class":891},"ui-monospace",[722,929,924],{"class":727},[722,931,932],{"class":891},"monospace",[722,934,935],{"class":727},");\n",[722,937,939],{"class":724,"line":938},5,[722,940,941],{"class":727},"}\n",[691,943,945],{"id":944},"the-two-enhanced-components","The two enhanced components",[696,947,948,949,952,953,955,956,958,959,962,963,966,967,970,971,974],{},"Two elements have real interactive behavior a CSS class can't\nreplicate, so they're still real components: ",[700,950,951],{},"SProsePre"," (a\ncopy-to-clipboard button, via ",[806,954,139],{"href":140},",\nplus a plain filename\u002Flanguage header with a file-type\n",[806,957,167],{"href":168},") and ",[700,960,961],{},"SProseH1","-",[700,964,965],{},"SProseH6"," (wraps\nheading content in a self-anchor ",[700,968,969],{},"\u003Ca href=\"#id\">"," when given an ",[700,972,973],{},"id"," -\nthis page's own headings work exactly this way).",[696,976,977],{},"Both are usable directly, the same as any other component:",[713,979,981],{"className":715,"code":980,"language":717,"meta":718,"style":718},"\u003CSProseH3 id=\"a-heading\">A heading\u003C\u002FSProseH3>\n\u003CSProsePre code=\"const x = 1\" language=\"ts\">\u003Ccode>const x = 1\u003C\u002Fcode>\u003C\u002FSProsePre>\n",[700,982,983,1004],{"__ignoreMap":718},[722,984,985,987,990,993,995,998,1000,1002],{"class":724,"line":8},[722,986,728],{"class":727},[722,988,989],{"class":731},"SProseH3",[722,991,992],{"class":735}," id",[722,994,739],{"class":727},[722,996,997],{"class":742},"\"a-heading\"",[722,999,758],{"class":727},[722,1001,989],{"class":731},[722,1003,746],{"class":727},[722,1005,1006,1008,1010,1013,1015,1018,1021,1023,1026,1029,1031,1034,1036,1039,1041],{"class":724,"line":749},[722,1007,728],{"class":727},[722,1009,951],{"class":731},[722,1011,1012],{"class":735}," code",[722,1014,739],{"class":727},[722,1016,1017],{"class":742},"\"const x = 1\"",[722,1019,1020],{"class":735}," language",[722,1022,739],{"class":727},[722,1024,1025],{"class":742},"\"ts\"",[722,1027,1028],{"class":727},">\u003C",[722,1030,700],{"class":731},[722,1032,1033],{"class":727},">const x = 1\u003C\u002F",[722,1035,700],{"class":731},[722,1037,1038],{"class":727},">\u003C\u002F",[722,1040,951],{"class":731},[722,1042,746],{"class":727},[691,1044,1046],{"id":1045},"props","Props",[755,1048,1050],{"id":1049},"sprosepre",[700,1051,951],{},[1053,1054,1055,1071],"table",{},[1056,1057,1058],"thead",{},[1059,1060,1061,1065,1068],"tr",{},[1062,1063,1064],"th",{},"Prop",[1062,1066,1067],{},"Type",[1062,1069,1070],{},"Default",[1072,1073,1074,1088,1101,1114,1132,1149,1163],"tbody",{},[1059,1075,1076,1081,1086],{},[1077,1078,1079],"td",{},[700,1080,700],{},[1077,1082,1083],{},[700,1084,1085],{},"string",[1077,1087,962],{},[1059,1089,1090,1095,1099],{},[1077,1091,1092],{},[700,1093,1094],{},"language",[1077,1096,1097],{},[700,1098,1085],{},[1077,1100,962],{},[1059,1102,1103,1108,1112],{},[1077,1104,1105],{},[700,1106,1107],{},"filename",[1077,1109,1110],{},[700,1111,1085],{},[1077,1113,962],{},[1059,1115,1116,1121,1125],{},[1077,1117,1118],{},[700,1119,1120],{},"icon",[1077,1122,1123],{},[700,1124,1085],{},[1077,1126,1127,1128,6,1130],{},"resolved from ",[700,1129,1107],{},[700,1131,1094],{},[1059,1133,1134,1139,1144],{},[1077,1135,1136],{},[700,1137,1138],{},"showHeader",[1077,1140,1141],{},[700,1142,1143],{},"boolean",[1077,1145,1146],{},[700,1147,1148],{},"true",[1059,1150,1151,1156,1161],{},[1077,1152,1153],{},[700,1154,1155],{},"highlights",[1077,1157,1158],{},[700,1159,1160],{},"number[]",[1077,1162,962],{},[1059,1164,1165,1170,1174],{},[1077,1166,1167],{},[700,1168,1169],{},"meta",[1077,1171,1172],{},[700,1173,1085],{},[1077,1175,962],{},[696,1177,1178,1180,1181,1183,1184,1186,1187,1189,1190,1192,1193,1196,1197,1200,1201,1204,1205,1207,1208,1211,1212,1215,1216,1219],{},[700,1179,700],{}," supplies the clipboard text; the default slot supplies the visible code.\nThe copy button is hidden when ",[700,1182,700],{}," is empty. A Markdown renderer supplies\nboth the highlighted slot content and the original source automatically. The header bar\nshows ",[700,1185,1107],{}," if set, else a plain label for ",[700,1188,1094],{}," if that's set, else\nnothing; set ",[700,1191,1138],{}," to ",[700,1194,1195],{},"false"," to hide the whole metadata\u002Fcopy row.\nCodeGroup does this automatically and moves the filename and file-type icon\ninto its tab. Beside either, a file-type icon is resolved from the filename's\nextension first, then the fence language - for example ",[700,1198,1199],{},"vue"," renders the\n",[700,1202,1203],{},"vscode-icons:file-type-vue"," glyph - with no icon for an unrecognized\ntype. Pass ",[700,1206,1120],{}," to override that resolution. Long filenames truncate in\nthe header, with the full path available on hover. Copying changes the button\nto a success-colored check; its labels come from ",[700,1209,1210],{},"copyCode"," and ",[700,1213,1214],{},"codeCopied","\nin the ",[806,1217,1218],{"href":659},"message registry",".",[696,1221,1222,1223,1226,1227,924,1230,1233,1234,924,1237,924,1240,1243,1244,1247,1248,1251,1252,1255,1256,1211,1258,1260],{},"Customize the header through the ",[700,1224,1225],{},"prose"," theme's ",[700,1228,1229],{},"preHeader",[700,1231,1232],{},"preLabel",",\n",[700,1235,1236],{},"preIcon",[700,1238,1239],{},"preFilename",[700,1241,1242],{},"preLanguage",", and ",[700,1245,1246],{},"preCopyButton"," slots in\n",[700,1249,1250],{},"app.config.selaras.ui"," or ",[700,1253,1254],{},"STheme",". ",[700,1257,1155],{},[700,1259,1169],{}," are accepted but currently have no\neffect - there's no line-highlighting logic wired up yet anywhere in the\ncomponent, so passing either does nothing visible today. They're reserved\nfor that feature landing later; don't wire them up expecting output.",[755,1262,1264,962,1266],{"id":1263},"sproseh1-sproseh6",[700,1265,961],{},[700,1267,965],{},[1053,1269,1270,1280],{},[1056,1271,1272],{},[1059,1273,1274,1276,1278],{},[1062,1275,1064],{},[1062,1277,1067],{},[1062,1279,1070],{},[1072,1281,1282],{},[1059,1283,1284,1288,1292],{},[1077,1285,1286],{},[700,1287,973],{},[1077,1289,1290],{},[700,1291,1085],{},[1077,1293,962],{},[755,1295,1297],{"id":1296},"why-only-these-two-arent-css","Why only these two aren't CSS",[696,1299,1300,1301,1303,1304,1307,1308,1312,1313,1315,1316,6,1318,1321,1322,1324,1325,6,1328,1331],{},"Everything else a markdown renderer produces - links, images,\nparagraphs, lists, tables, emphasis - is pure styling with no behavior\nof its own, so ",[700,1302,702],{}," covers it entirely. A copy button needs\nreal JavaScript; an anchor-link heading needs a real ",[700,1305,1306],{},"\u003Ca>"," element in\nthe actual DOM a renderer produces, which only a ",[1309,1310,1311],"em",{},"component-based","\nrenderer (one that resolves each markdown element to a real component\ninstance with props, ",[700,1314,973],{}," included - ",[700,1317,706],{},[700,1319,1320],{},"@nuxtjs\u002Fmdc"," is\nthe common case) can do at all. A raw-HTML-string pipeline (most non-\nNuxt-Content cases: a CMS, hand-rolled markdown-it, a headless CMS's\nrendered body) has no hook to swap in a component per element -\n",[700,1323,702],{}," still styles whatever plain ",[700,1326,1327],{},"\u003Cpre>",[700,1329,1330],{},"\u003Ch1 id=\"...\">","\nthat pipeline emits, just without the copy button or the clickable\nanchor.",[691,1333,1335,1336],{"id":1334},"wiring-into-nuxtcontent","Wiring into ",[700,1337,706],{},[696,1339,1340,1341,1344],{},"Pass imported component objects to ",[700,1342,1343],{},"ContentRenderer",". This keeps heading anchors\nand code-copy controls available during server rendering and hydration. Bare\ncomponent names can collide with the renderer's built-in prose components.",[696,1346,1347,1348,1351],{},"For example, create a wrapper that accepts a document returned by your\n",[700,1349,1350],{},"queryCollection"," call:",[713,1353,1356],{"className":1354,"code":1355,"language":1199,"meta":718,"style":718},"language-vue shiki shiki-themes github-light github-dark","\u003Cscript setup lang=\"ts\">\nimport ProseH1 from '@sewadah\u002Fselaras\u002Fcomponents\u002FProseH1.vue'\nimport ProseH2 from '@sewadah\u002Fselaras\u002Fcomponents\u002FProseH2.vue'\nimport ProseH3 from '@sewadah\u002Fselaras\u002Fcomponents\u002FProseH3.vue'\nimport ProseH4 from '@sewadah\u002Fselaras\u002Fcomponents\u002FProseH4.vue'\nimport ProseH5 from '@sewadah\u002Fselaras\u002Fcomponents\u002FProseH5.vue'\nimport ProseH6 from '@sewadah\u002Fselaras\u002Fcomponents\u002FProseH6.vue'\nimport ProsePre from '@sewadah\u002Fselaras\u002Fcomponents\u002FProsePre.vue'\n\ndefineProps\u003C{ document: Record\u003Cstring, unknown> }>()\nconst proseComponents = {\n  h1: ProseH1,\n  h2: ProseH2,\n  h3: ProseH3,\n  h4: ProseH4,\n  h5: ProseH5,\n  h6: ProseH6,\n  pre: ProsePre,\n}\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CContentRenderer :value=\"document\" :components=\"proseComponents\" class=\"selaras-prose\" \u002F>\n\u003C\u002Ftemplate>\n",[700,1357,1358,1377,1391,1403,1415,1427,1440,1453,1466,1472,1501,1514,1519,1525,1531,1536,1542,1548,1554,1559,1567,1571,1580,1623],{"__ignoreMap":718},[722,1359,1360,1362,1365,1368,1371,1373,1375],{"class":724,"line":8},[722,1361,728],{"class":727},[722,1363,1364],{"class":731},"script",[722,1366,1367],{"class":735}," setup",[722,1369,1370],{"class":735}," lang",[722,1372,739],{"class":727},[722,1374,1025],{"class":742},[722,1376,746],{"class":727},[722,1378,1379,1382,1385,1388],{"class":724,"line":749},[722,1380,1381],{"class":827},"import",[722,1383,1384],{"class":727}," ProseH1 ",[722,1386,1387],{"class":827},"from",[722,1389,1390],{"class":742}," '@sewadah\u002Fselaras\u002Fcomponents\u002FProseH1.vue'\n",[722,1392,1393,1395,1398,1400],{"class":724,"line":765},[722,1394,1381],{"class":827},[722,1396,1397],{"class":727}," ProseH2 ",[722,1399,1387],{"class":827},[722,1401,1402],{"class":742}," '@sewadah\u002Fselaras\u002Fcomponents\u002FProseH2.vue'\n",[722,1404,1405,1407,1410,1412],{"class":724,"line":790},[722,1406,1381],{"class":827},[722,1408,1409],{"class":727}," ProseH3 ",[722,1411,1387],{"class":827},[722,1413,1414],{"class":742}," '@sewadah\u002Fselaras\u002Fcomponents\u002FProseH3.vue'\n",[722,1416,1417,1419,1422,1424],{"class":724,"line":938},[722,1418,1381],{"class":827},[722,1420,1421],{"class":727}," ProseH4 ",[722,1423,1387],{"class":827},[722,1425,1426],{"class":742}," '@sewadah\u002Fselaras\u002Fcomponents\u002FProseH4.vue'\n",[722,1428,1430,1432,1435,1437],{"class":724,"line":1429},6,[722,1431,1381],{"class":827},[722,1433,1434],{"class":727}," ProseH5 ",[722,1436,1387],{"class":827},[722,1438,1439],{"class":742}," '@sewadah\u002Fselaras\u002Fcomponents\u002FProseH5.vue'\n",[722,1441,1443,1445,1448,1450],{"class":724,"line":1442},7,[722,1444,1381],{"class":827},[722,1446,1447],{"class":727}," ProseH6 ",[722,1449,1387],{"class":827},[722,1451,1452],{"class":742}," '@sewadah\u002Fselaras\u002Fcomponents\u002FProseH6.vue'\n",[722,1454,1456,1458,1461,1463],{"class":724,"line":1455},8,[722,1457,1381],{"class":827},[722,1459,1460],{"class":727}," ProsePre ",[722,1462,1387],{"class":827},[722,1464,1465],{"class":742}," '@sewadah\u002Fselaras\u002Fcomponents\u002FProsePre.vue'\n",[722,1467,1469],{"class":724,"line":1468},9,[722,1470,1471],{"emptyLinePlaceholder":686},"\n",[722,1473,1474,1477,1480,1483,1486,1489,1491,1493,1495,1498],{"class":724,"line":13},[722,1475,1476],{"class":735},"defineProps",[722,1478,1479],{"class":727},"\u003C{ ",[722,1481,1482],{"class":884},"document",[722,1484,1485],{"class":827},":",[722,1487,1488],{"class":735}," Record",[722,1490,728],{"class":727},[722,1492,1085],{"class":891},[722,1494,924],{"class":727},[722,1496,1497],{"class":891},"unknown",[722,1499,1500],{"class":727},"> }>()\n",[722,1502,1503,1506,1509,1512],{"class":724,"line":151},[722,1504,1505],{"class":827},"const",[722,1507,1508],{"class":891}," proseComponents",[722,1510,1511],{"class":827}," =",[722,1513,879],{"class":727},[722,1515,1516],{"class":724,"line":170},[722,1517,1518],{"class":727},"  h1: ProseH1,\n",[722,1520,1522],{"class":724,"line":1521},13,[722,1523,1524],{"class":727},"  h2: ProseH2,\n",[722,1526,1528],{"class":724,"line":1527},14,[722,1529,1530],{"class":727},"  h3: ProseH3,\n",[722,1532,1533],{"class":724,"line":648},[722,1534,1535],{"class":727},"  h4: ProseH4,\n",[722,1537,1539],{"class":724,"line":1538},16,[722,1540,1541],{"class":727},"  h5: ProseH5,\n",[722,1543,1545],{"class":724,"line":1544},17,[722,1546,1547],{"class":727},"  h6: ProseH6,\n",[722,1549,1551],{"class":724,"line":1550},18,[722,1552,1553],{"class":727},"  pre: ProsePre,\n",[722,1555,1557],{"class":724,"line":1556},19,[722,1558,941],{"class":727},[722,1560,1561,1563,1565],{"class":724,"line":30},[722,1562,793],{"class":727},[722,1564,1364],{"class":731},[722,1566,746],{"class":727},[722,1568,1569],{"class":724,"line":247},[722,1570,1471],{"emptyLinePlaceholder":686},[722,1572,1573,1575,1578],{"class":724,"line":257},[722,1574,728],{"class":727},[722,1576,1577],{"class":731},"template",[722,1579,746],{"class":727},[722,1581,1582,1584,1586,1589,1592,1594,1597,1599,1601,1603,1605,1607,1609,1612,1614,1616,1618,1620],{"class":724,"line":272},[722,1583,752],{"class":727},[722,1585,1343],{"class":731},[722,1587,1588],{"class":727}," :",[722,1590,1591],{"class":735},"value",[722,1593,739],{"class":727},[722,1595,1596],{"class":742},"\"",[722,1598,1482],{"class":727},[722,1600,1596],{"class":742},[722,1602,1588],{"class":727},[722,1604,131],{"class":735},[722,1606,739],{"class":727},[722,1608,1596],{"class":742},[722,1610,1611],{"class":727},"proseComponents",[722,1613,1596],{"class":742},[722,1615,736],{"class":735},[722,1617,739],{"class":727},[722,1619,743],{"class":742},[722,1621,1622],{"class":727}," \u002F>\n",[722,1624,1625,1627,1629],{"class":724,"line":287},[722,1626,793],{"class":727},[722,1628,1577],{"class":731},[722,1630,746],{"class":727},[696,1632,1633,1634,1637,1638,1640],{},"Import the prose stylesheet in your CSS entry as shown above. The docs layer\nalready supplies this mapping and stylesheet; a project extending\n",[700,1635,1636],{},"@sewadah\u002Fselaras-docs"," only needs custom wiring when replacing its renderer.\nThe documentation website and packed docs-layer consumers use imported\ncomponents in the same way. Plain elements continue to use the\n",[700,1639,702],{}," styles without a component mapping.",[691,1642,1644,1645],{"id":1643},"custom-ui","Custom ",[700,1646,1647],{},":ui",[696,1649,1650,1211,1652,962,1654,1656,1657,1659,1660,1663,1664,1666,1667,1670,1671,1674,1675,1677],{},[700,1651,951],{},[700,1653,961],{},[700,1655,965],{}," share the ",[700,1658,1225],{}," theme. Configure\n",[700,1661,1662],{},"app.config.selaras.ui.prose",", or scope ",[700,1665,1254],{}," with ",[700,1668,1669],{},":ui=\"{ prose: { slots: { pre: 'font-mono' } } }\"",".\nThese components do not expose an instance ",[700,1672,1673],{},"ui"," prop. To see exactly what you'd be\noverriding - the current default classes for every slot and variant -\nhere's ",[700,1676,492],{},"'s own theme file:",[1679,1680],"theme-source",{"name":1225},[1682,1683,1684],"style",{},"html pre.shiki code .sVt8B, html code.shiki .sVt8B{--shiki-default:#24292E;--shiki-dark:#E1E4E8}html pre.shiki code .s9eBZ, html code.shiki .s9eBZ{--shiki-default:#22863A;--shiki-dark:#85E89D}html pre.shiki code .sScJk, html code.shiki .sScJk{--shiki-default:#6F42C1;--shiki-dark:#B392F0}html pre.shiki code .sZZnC, html code.shiki .sZZnC{--shiki-default:#032F62;--shiki-dark:#9ECBFF}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);}html pre.shiki code .szBVR, html code.shiki .szBVR{--shiki-default:#D73A49;--shiki-dark:#F97583}html pre.shiki code .s4XuR, html code.shiki .s4XuR{--shiki-default:#E36209;--shiki-dark:#FFAB70}html pre.shiki code .sj4cs, html code.shiki .sj4cs{--shiki-default:#005CC5;--shiki-dark:#79B8FF}",{"title":718,"searchDepth":765,"depth":765,"links":1686},[1687,1690,1691,1697,1699],{"id":693,"depth":749,"text":694,"children":1688},[1689],{"id":860,"depth":765,"text":861},{"id":944,"depth":749,"text":945},{"id":1045,"depth":749,"text":1046,"children":1692},[1693,1694,1696],{"id":1049,"depth":765,"text":951},{"id":1263,"depth":765,"text":1695},"SProseH1-SProseH6",{"id":1296,"depth":765,"text":1297},{"id":1334,"depth":749,"text":1698},"Wiring into @nuxt\u002Fcontent",{"id":1643,"depth":749,"text":1700},"Custom :ui","A pipeline-agnostic typography class for long-form content, plus two enhanced components for renderers that support them.","md",{"components":1704},[961,1705,989,1706,1707,965,951],"SProseH2","SProseH4","SProseH5",{"title":492,"description":1701},"vCyeGUd--YtHofUQSNSjFskQ9_m9hEMjc6HdgwzKpyY",{"id":1711,"title":492,"aside":686,"body":1712,"collapse":10,"description":2521,"editLink":686,"extension":1702,"icon":9,"issueLink":686,"meta":2522,"navBadges":9,"navigation":9,"order":55,"path":2524,"prevNext":686,"seo":2525,"stem":2526,"toc":686,"__hash__":2527},"docs\u002Fid\u002Fcomponents\u002Ftypography\u002Fprose.md",{"type":688,"value":1713,"toc":2507},[1714,1718,1727,1729,1787,1797,1817,1826,1829,1833,1838,1894,1898,1921,1924,1978,1980,1984,2090,2127,2156,2162,2188,2192,2221,2227,2233,2239,2463,2472,2476,2503,2505],[691,1715,1717],{"id":1716},"penggunaan","Penggunaan",[696,1719,1720,1721,1723,1724,1726],{},"Bungkus HTML yang dirender apa pun - output markdown, body rich-text milik CMS, konten tulisan tangan, apa pun yang menghasilkannya - dalam class ",[700,1722,702],{}," untuk tipografi long-form yang konsisten, tanpa komponen atau ",[700,1725,706],{}," yang diperlukan:",[709,1728],{"name":711},[713,1730,1731],{"className":715,"code":716,"language":717,"meta":718,"style":718},[700,1732,1733,1747,1759,1779],{"__ignoreMap":718},[722,1734,1735,1737,1739,1741,1743,1745],{"class":724,"line":8},[722,1736,728],{"class":727},[722,1738,732],{"class":731},[722,1740,736],{"class":735},[722,1742,739],{"class":727},[722,1744,743],{"class":742},[722,1746,746],{"class":727},[722,1748,1749,1751,1753,1755,1757],{"class":724,"line":749},[722,1750,752],{"class":727},[722,1752,755],{"class":731},[722,1754,758],{"class":727},[722,1756,755],{"class":731},[722,1758,746],{"class":727},[722,1760,1761,1763,1765,1767,1769,1771,1773,1775,1777],{"class":724,"line":765},[722,1762,752],{"class":727},[722,1764,696],{"class":731},[722,1766,772],{"class":727},[722,1768,775],{"class":731},[722,1770,778],{"class":727},[722,1772,775],{"class":731},[722,1774,783],{"class":727},[722,1776,696],{"class":731},[722,1778,746],{"class":727},[722,1780,1781,1783,1785],{"class":724,"line":790},[722,1782,793],{"class":727},[722,1784,732],{"class":731},[722,1786,746],{"class":727},[696,1788,1789,1790,1792,1793,1796],{},"Ia stylesheet terpisah yang opt-in - tidak dibundel ke ",[700,1791,803],{}," (yang sudah Anda import sendiri, lihat ",[806,1794,1795],{"href":28},"Instalasi",") - sehingga proyek tanpa konten long-form tidak pernah membayarnya:",[713,1798,1799],{"className":818,"code":819,"language":820,"meta":718,"style":718},[700,1800,1801,1809],{"__ignoreMap":718},[722,1802,1803,1805,1807],{"class":724,"line":8},[722,1804,828],{"class":827},[722,1806,831],{"class":742},[722,1808,834],{"class":727},[722,1810,1811,1813,1815],{"class":724,"line":749},[722,1812,828],{"class":827},[722,1814,841],{"class":742},[722,1816,834],{"class":727},[696,1818,1819,1820,1822,1823,1825],{},"Setiap selector elemen di dalamnya dibungkus ",[700,1821,849],{},", yang membawa spesifisitas nol - class Anda sendiri, atau bahkan selector elemen polos lain yang digabung dengan satu hal lagi, selalu menang. Tanpa ",[700,1824,853],{},", dan tidak ada yang perlu di-override satu aturan setiap kali di halaman yang default-nya tidak cocok.",[696,1827,1828],{},"Tabel mengisi lebar konten secara default. Ketika kolom membutuhkan lebih banyak ruang, tabel scroll horizontal tanpa melebarkan halaman. Header dan sel body menjaga kolomnya tetap sejajar.",[755,1830,1832],{"id":1831},"font","Font",[696,1834,1835,1837],{},[700,1836,702],{}," tidak menghardcode tumpukan font - ia mengikuti apa pun yang sudah digunakan proyek Anda, melalui tiga variabel CSS yang bisa Anda override independen dari font seluruh situs jika prose secara khusus harus terlihat berbeda:",[713,1839,1840],{"className":818,"code":869,"language":820,"meta":718,"style":718},[700,1841,1842,1848,1858,1868,1890],{"__ignoreMap":718},[722,1843,1844,1846],{"class":724,"line":8},[722,1845,876],{"class":735},[722,1847,879],{"class":727},[722,1849,1850,1852,1854,1856],{"class":724,"line":749},[722,1851,885],{"class":884},[722,1853,888],{"class":727},[722,1855,892],{"class":891},[722,1857,834],{"class":727},[722,1859,1860,1862,1864,1866],{"class":724,"line":765},[722,1861,899],{"class":884},[722,1863,888],{"class":727},[722,1865,892],{"class":891},[722,1867,834],{"class":727},[722,1869,1870,1872,1874,1876,1878,1880,1882,1884,1886,1888],{"class":724,"line":790},[722,1871,910],{"class":884},[722,1873,888],{"class":727},[722,1875,915],{"class":891},[722,1877,918],{"class":727},[722,1879,921],{"class":884},[722,1881,924],{"class":727},[722,1883,927],{"class":891},[722,1885,924],{"class":727},[722,1887,932],{"class":891},[722,1889,935],{"class":727},[722,1891,1892],{"class":724,"line":938},[722,1893,941],{"class":727},[691,1895,1897],{"id":1896},"dua-komponen-enhanced","Dua komponen enhanced",[696,1899,1900,1901,1903,1904,1906,1907,1909,1910,962,1912,1914,1915,1917,1918,1920],{},"Dua elemen memiliki perilaku interaktif nyata yang tidak bisa direplikasi class CSS, sehingga mereka tetap komponen nyata: ",[700,1902,951],{}," (tombol copy-to-clipboard, via ",[806,1905,139],{"href":140},", plus header filename\u002Flanguage polos dengan ",[806,1908,167],{"href":168}," tipe-file) dan ",[700,1911,961],{},[700,1913,965],{}," (membungkus konten heading dalam self-anchor ",[700,1916,969],{}," ketika diberi ",[700,1919,973],{}," - heading halaman ini sendiri bekerja persis seperti ini).",[696,1922,1923],{},"Keduanya bisa dipakai langsung, sama seperti komponen lainnya:",[713,1925,1926],{"className":715,"code":980,"language":717,"meta":718,"style":718},[700,1927,1928,1946],{"__ignoreMap":718},[722,1929,1930,1932,1934,1936,1938,1940,1942,1944],{"class":724,"line":8},[722,1931,728],{"class":727},[722,1933,989],{"class":731},[722,1935,992],{"class":735},[722,1937,739],{"class":727},[722,1939,997],{"class":742},[722,1941,758],{"class":727},[722,1943,989],{"class":731},[722,1945,746],{"class":727},[722,1947,1948,1950,1952,1954,1956,1958,1960,1962,1964,1966,1968,1970,1972,1974,1976],{"class":724,"line":749},[722,1949,728],{"class":727},[722,1951,951],{"class":731},[722,1953,1012],{"class":735},[722,1955,739],{"class":727},[722,1957,1017],{"class":742},[722,1959,1020],{"class":735},[722,1961,739],{"class":727},[722,1963,1025],{"class":742},[722,1965,1028],{"class":727},[722,1967,700],{"class":731},[722,1969,1033],{"class":727},[722,1971,700],{"class":731},[722,1973,1038],{"class":727},[722,1975,951],{"class":731},[722,1977,746],{"class":727},[691,1979,1046],{"id":1045},[755,1981,1982],{"id":1049},[700,1983,951],{},[1053,1985,1986,1997],{},[1056,1987,1988],{},[1059,1989,1990,1992,1995],{},[1062,1991,1064],{},[1062,1993,1994],{},"Tipe",[1062,1996,1070],{},[1072,1998,1999,2011,2023,2035,2052,2066,2078],{},[1059,2000,2001,2005,2009],{},[1077,2002,2003],{},[700,2004,700],{},[1077,2006,2007],{},[700,2008,1085],{},[1077,2010,962],{},[1059,2012,2013,2017,2021],{},[1077,2014,2015],{},[700,2016,1094],{},[1077,2018,2019],{},[700,2020,1085],{},[1077,2022,962],{},[1059,2024,2025,2029,2033],{},[1077,2026,2027],{},[700,2028,1107],{},[1077,2030,2031],{},[700,2032,1085],{},[1077,2034,962],{},[1059,2036,2037,2041,2045],{},[1077,2038,2039],{},[700,2040,1120],{},[1077,2042,2043],{},[700,2044,1085],{},[1077,2046,2047,2048,6,2050],{},"di-resolve dari ",[700,2049,1107],{},[700,2051,1094],{},[1059,2053,2054,2058,2062],{},[1077,2055,2056],{},[700,2057,1138],{},[1077,2059,2060],{},[700,2061,1143],{},[1077,2063,2064],{},[700,2065,1148],{},[1059,2067,2068,2072,2076],{},[1077,2069,2070],{},[700,2071,1155],{},[1077,2073,2074],{},[700,2075,1160],{},[1077,2077,962],{},[1059,2079,2080,2084,2088],{},[1077,2081,2082],{},[700,2083,1169],{},[1077,2085,2086],{},[700,2087,1085],{},[1077,2089,962],{},[696,2091,2092,2094,2095,2097,2098,2100,2101,2103,2104,2106,2107,2109,2110,2112,2113,2115,2116,2118,2119,2121,2122,2124,2125,1219],{},[700,2093,700],{}," memasok teks clipboard; slot default memasok kode yang terlihat. Tombol copy disembunyikan ketika ",[700,2096,700],{}," kosong. Renderer Markdown memasok konten slot yang di-highlight sekaligus sumber aslinya secara otomatis. Bar header menampilkan ",[700,2099,1107],{}," jika diatur, jika tidak label polos untuk ",[700,2102,1094],{}," jika itu diatur, jika tidak tidak ada; atur ",[700,2105,1138],{}," ke ",[700,2108,1195],{}," untuk menyembunyikan seluruh bar metadata\u002Fcopy. CodeGroup melakukan ini otomatis dan memindahkan filename dan ikon tipe-file ke tab-nya. Di samping keduanya, ikon tipe-file di-resolve dari ekstensi filename terlebih dahulu, lalu bahasa fence - misalnya ",[700,2111,1199],{}," merender glyph ",[700,2114,1203],{}," - tanpa ikon untuk tipe yang tidak dikenali. Berikan ",[700,2117,1120],{}," untuk mengoverride resolusi itu. Filename panjang terpotong di header, dengan path penuh tersedia saat hover. Menyalin mengubah tombol menjadi centang berwarna success; labelnya berasal dari ",[700,2120,1210],{}," dan ",[700,2123,1214],{}," dalam ",[806,2126,1218],{"href":659},[696,2128,2129,2130,924,2132,924,2134,924,2136,924,2138,2140,2141,2143,2144,2124,2146,2148,2149,1255,2151,2121,2153,2155],{},"Kustomisasi header melalui slot ",[700,2131,1229],{},[700,2133,1232],{},[700,2135,1236],{},[700,2137,1239],{},[700,2139,1242],{},", dan ",[700,2142,1246],{}," milik tema ",[700,2145,1225],{},[700,2147,1250],{}," atau ",[700,2150,1254],{},[700,2152,1155],{},[700,2154,1169],{}," diterima tapi saat ini tidak berpengaruh - belum ada logika line-highlighting yang terhubung di mana pun dalam komponen, sehingga memberikan keduanya tidak melakukan apa pun yang terlihat hari ini. Keduanya dicadangkan agar fitur itu mendarat nanti; jangan menghubungkannya dengan harapan ada output.",[755,2157,2158,962,2160],{"id":1263},[700,2159,961],{},[700,2161,965],{},[1053,2163,2164,2174],{},[1056,2165,2166],{},[1059,2167,2168,2170,2172],{},[1062,2169,1064],{},[1062,2171,1994],{},[1062,2173,1070],{},[1072,2175,2176],{},[1059,2177,2178,2182,2186],{},[1077,2179,2180],{},[700,2181,973],{},[1077,2183,2184],{},[700,2185,1085],{},[1077,2187,962],{},[755,2189,2191],{"id":2190},"mengapa-hanya-dua-ini-yang-bukan-css","Mengapa hanya dua ini yang bukan CSS",[696,2193,2194,2195,2197,2198,2200,2201,2204,2205,2207,2208,6,2210,2212,2213,2215,2216,6,2218,2220],{},"Semua yang dihasilkan renderer markdown lainnya - link, gambar, paragraf, list, tabel, emphasis - adalah styling murni tanpa perilakunya sendiri, sehingga ",[700,2196,702],{}," mencakupnya sepenuhnya. Tombol copy membutuhkan JavaScript nyata; heading anchor-link membutuhkan elemen ",[700,2199,1306],{}," nyata dalam DOM aktual yang dihasilkan renderer, yang hanya bisa dilakukan renderer ",[1309,2202,2203],{},"berbasis komponen"," (yang me-resolve setiap elemen markdown ke instance komponen nyata dengan props, ",[700,2206,973],{}," termasuk - ",[700,2209,706],{},[700,2211,1320],{}," adalah kasus umum). Pipeline string-HTML-mentah (kebanyakan kasus non-Nuxt-Content: CMS, markdown-it rakitan tangan, body hasil render headless CMS) tidak memiliki hook untuk menukar komponen per elemen - ",[700,2214,702],{}," tetap men-style ",[700,2217,1327],{},[700,2219,1330],{}," polos apa pun yang dipancarkan pipeline itu, hanya tanpa tombol copy atau anchor yang bisa diklik.",[691,2222,2224,2225],{"id":2223},"menghubungkan-ke-nuxtcontent","Menghubungkan ke ",[700,2226,706],{},[696,2228,2229,2230,2232],{},"Berikan objek komponen yang di-import ke ",[700,2231,1343],{},". Ini menjaga anchor heading dan kontrol copy kode tersedia selama rendering server dan hydration. Nama komponen telanjang bisa bertabrakan dengan komponen prose bawaan milik renderer.",[696,2234,2235,2236,2238],{},"Misalnya, buat wrapper yang menerima dokumen yang dikembalikan panggilan ",[700,2237,1350],{}," Anda:",[713,2240,2241],{"className":1354,"code":1355,"language":1199,"meta":718,"style":718},[700,2242,2243,2259,2269,2279,2289,2299,2309,2319,2329,2333,2355,2365,2369,2373,2377,2381,2385,2389,2393,2397,2405,2409,2417,2455],{"__ignoreMap":718},[722,2244,2245,2247,2249,2251,2253,2255,2257],{"class":724,"line":8},[722,2246,728],{"class":727},[722,2248,1364],{"class":731},[722,2250,1367],{"class":735},[722,2252,1370],{"class":735},[722,2254,739],{"class":727},[722,2256,1025],{"class":742},[722,2258,746],{"class":727},[722,2260,2261,2263,2265,2267],{"class":724,"line":749},[722,2262,1381],{"class":827},[722,2264,1384],{"class":727},[722,2266,1387],{"class":827},[722,2268,1390],{"class":742},[722,2270,2271,2273,2275,2277],{"class":724,"line":765},[722,2272,1381],{"class":827},[722,2274,1397],{"class":727},[722,2276,1387],{"class":827},[722,2278,1402],{"class":742},[722,2280,2281,2283,2285,2287],{"class":724,"line":790},[722,2282,1381],{"class":827},[722,2284,1409],{"class":727},[722,2286,1387],{"class":827},[722,2288,1414],{"class":742},[722,2290,2291,2293,2295,2297],{"class":724,"line":938},[722,2292,1381],{"class":827},[722,2294,1421],{"class":727},[722,2296,1387],{"class":827},[722,2298,1426],{"class":742},[722,2300,2301,2303,2305,2307],{"class":724,"line":1429},[722,2302,1381],{"class":827},[722,2304,1434],{"class":727},[722,2306,1387],{"class":827},[722,2308,1439],{"class":742},[722,2310,2311,2313,2315,2317],{"class":724,"line":1442},[722,2312,1381],{"class":827},[722,2314,1447],{"class":727},[722,2316,1387],{"class":827},[722,2318,1452],{"class":742},[722,2320,2321,2323,2325,2327],{"class":724,"line":1455},[722,2322,1381],{"class":827},[722,2324,1460],{"class":727},[722,2326,1387],{"class":827},[722,2328,1465],{"class":742},[722,2330,2331],{"class":724,"line":1468},[722,2332,1471],{"emptyLinePlaceholder":686},[722,2334,2335,2337,2339,2341,2343,2345,2347,2349,2351,2353],{"class":724,"line":13},[722,2336,1476],{"class":735},[722,2338,1479],{"class":727},[722,2340,1482],{"class":884},[722,2342,1485],{"class":827},[722,2344,1488],{"class":735},[722,2346,728],{"class":727},[722,2348,1085],{"class":891},[722,2350,924],{"class":727},[722,2352,1497],{"class":891},[722,2354,1500],{"class":727},[722,2356,2357,2359,2361,2363],{"class":724,"line":151},[722,2358,1505],{"class":827},[722,2360,1508],{"class":891},[722,2362,1511],{"class":827},[722,2364,879],{"class":727},[722,2366,2367],{"class":724,"line":170},[722,2368,1518],{"class":727},[722,2370,2371],{"class":724,"line":1521},[722,2372,1524],{"class":727},[722,2374,2375],{"class":724,"line":1527},[722,2376,1530],{"class":727},[722,2378,2379],{"class":724,"line":648},[722,2380,1535],{"class":727},[722,2382,2383],{"class":724,"line":1538},[722,2384,1541],{"class":727},[722,2386,2387],{"class":724,"line":1544},[722,2388,1547],{"class":727},[722,2390,2391],{"class":724,"line":1550},[722,2392,1553],{"class":727},[722,2394,2395],{"class":724,"line":1556},[722,2396,941],{"class":727},[722,2398,2399,2401,2403],{"class":724,"line":30},[722,2400,793],{"class":727},[722,2402,1364],{"class":731},[722,2404,746],{"class":727},[722,2406,2407],{"class":724,"line":247},[722,2408,1471],{"emptyLinePlaceholder":686},[722,2410,2411,2413,2415],{"class":724,"line":257},[722,2412,728],{"class":727},[722,2414,1577],{"class":731},[722,2416,746],{"class":727},[722,2418,2419,2421,2423,2425,2427,2429,2431,2433,2435,2437,2439,2441,2443,2445,2447,2449,2451,2453],{"class":724,"line":272},[722,2420,752],{"class":727},[722,2422,1343],{"class":731},[722,2424,1588],{"class":727},[722,2426,1591],{"class":735},[722,2428,739],{"class":727},[722,2430,1596],{"class":742},[722,2432,1482],{"class":727},[722,2434,1596],{"class":742},[722,2436,1588],{"class":727},[722,2438,131],{"class":735},[722,2440,739],{"class":727},[722,2442,1596],{"class":742},[722,2444,1611],{"class":727},[722,2446,1596],{"class":742},[722,2448,736],{"class":735},[722,2450,739],{"class":727},[722,2452,743],{"class":742},[722,2454,1622],{"class":727},[722,2456,2457,2459,2461],{"class":724,"line":287},[722,2458,793],{"class":727},[722,2460,1577],{"class":731},[722,2462,746],{"class":727},[696,2464,2465,2466,2468,2469,2471],{},"Import stylesheet prose dalam entry CSS Anda seperti ditunjukkan di atas. Lapisan docs sudah memasok pemetaan dan stylesheet ini; proyek yang memperluas ",[700,2467,1636],{}," hanya membutuhkan wiring kustom ketika mengganti renderer-nya. Situs dokumentasi dan konsumen docs-layer yang dipak menggunakan komponen import dengan cara yang sama. Elemen polos tetap menggunakan style ",[700,2470,702],{}," tanpa pemetaan komponen.",[691,2473,1644,2474],{"id":1643},[700,2475,1647],{},[696,2477,2478,2121,2480,962,2482,2484,2485,2487,2488,2490,2491,2493,2494,2496,2497,2499,2500,2502],{},[700,2479,951],{},[700,2481,961],{},[700,2483,965],{}," berbagi tema ",[700,2486,1225],{},". Konfigurasikan ",[700,2489,1662],{},", atau scope ",[700,2492,1254],{}," dengan ",[700,2495,1669],{},". Komponen-komponen ini tidak mengekspos prop instance ",[700,2498,1673],{},". Untuk melihat dengan tepat apa yang akan Anda timpa - kelas default saat ini untuk setiap slot dan varian - berikut adalah file tema ",[700,2501,492],{}," itu sendiri:",[1679,2504],{"name":1225},[1682,2506,1684],{},{"title":718,"searchDepth":765,"depth":765,"links":2508},[2509,2512,2513,2518,2520],{"id":1716,"depth":749,"text":1717,"children":2510},[2511],{"id":1831,"depth":765,"text":1832},{"id":1896,"depth":749,"text":1897},{"id":1045,"depth":749,"text":1046,"children":2514},[2515,2516,2517],{"id":1049,"depth":765,"text":951},{"id":1263,"depth":765,"text":1695},{"id":2190,"depth":765,"text":2191},{"id":2223,"depth":749,"text":2519},"Menghubungkan ke @nuxt\u002Fcontent",{"id":1643,"depth":749,"text":1700},"Class tipografi agnostik-pipeline untuk konten long-form, plus dua komponen enhanced untuk renderer yang mendukungnya.",{"components":2523},[961,1705,989,1706,1707,965,951],"\u002Fid\u002Fcomponents\u002Ftypography\u002Fprose",{"title":492,"description":2521},"id\u002Fcomponents\u002Ftypography\u002Fprose","trBNIzOIChrHzYdJN8NAGeHG9Je1x_EMGmRHJTlU-bc",1792925239314]