[{"data":1,"prerenderedAt":2319},["ShallowReactive",2],{"selaras-docs-navigation":3,"selaras-docs:\u002Foverview\u002Fgetting-started\u002Ficons":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":43},{"en":684,"id":1588},{"id":685,"title":42,"aside":686,"body":687,"collapse":10,"description":1583,"editLink":686,"extension":1584,"icon":9,"issueLink":686,"meta":1585,"navBadges":9,"navigation":9,"order":45,"path":43,"prevNext":686,"seo":1586,"stem":44,"toc":686,"__hash__":1587},"docs\u002Foverview\u002Fgetting-started\u002Ficons.md",true,{"type":688,"value":689,"toc":1575},"minimark",[690,714,719,820,831,835,909,919,923,941,950,975,981,1080,1087,1091,1104,1189,1206,1210,1217,1357,1368,1413,1417,1423,1516,1519,1563,1571],[691,692,693,694,701,702,706,707,709,710,713],"p",{},"Selaras uses ",[695,696,700],"a",{"href":697,"rel":698},"https:\u002F\u002Fnuxt.com\u002Fmodules\u002Ficon",[699],"nofollow","Nuxt Icon"," under the hood and installs its module automatically. ",[703,704,705],"code",{},"SIcon"," wraps its ",[703,708,167],{}," component, so Nuxt Icon configuration, providers, aliases, and custom collections also apply to Selaras icons. Icon names use ",[703,711,712],{},"collection:name","; internal component icons default to Hugeicons.",[715,716,718],"h2",{"id":717},"local-icons","Local icons",[720,721,726],"pre",{"className":722,"code":723,"language":724,"meta":725,"style":725},"language-vue-html shiki shiki-themes github-light github-dark","\u003CSButton icon=\"hugeicons:search-01\">Search\u003C\u002FSButton>\n\u003CSButton icon=\"hugeicons:cancel-01\" square aria-label=\"Close\" \u002F>\n\u003CSIcon name=\"hugeicons:calendar-01\" class=\"size-6\" aria-hidden=\"true\" \u002F>\n","vue-html","",[703,727,728,759,787],{"__ignoreMap":725},[729,730,732,736,740,744,747,751,754,756],"span",{"class":731,"line":8},"line",[729,733,735],{"class":734},"sVt8B","\u003C",[729,737,739],{"class":738},"s9eBZ","SButton",[729,741,743],{"class":742},"sScJk"," icon",[729,745,746],{"class":734},"=",[729,748,750],{"class":749},"sZZnC","\"hugeicons:search-01\"",[729,752,753],{"class":734},">Search\u003C\u002F",[729,755,739],{"class":738},[729,757,758],{"class":734},">\n",[729,760,762,764,766,768,770,773,776,779,781,784],{"class":731,"line":761},2,[729,763,735],{"class":734},[729,765,739],{"class":738},[729,767,743],{"class":742},[729,769,746],{"class":734},[729,771,772],{"class":749},"\"hugeicons:cancel-01\"",[729,774,775],{"class":742}," square",[729,777,778],{"class":742}," aria-label",[729,780,746],{"class":734},[729,782,783],{"class":749},"\"Close\"",[729,785,786],{"class":734}," \u002F>\n",[729,788,790,792,794,797,799,802,805,807,810,813,815,818],{"class":731,"line":789},3,[729,791,735],{"class":734},[729,793,705],{"class":738},[729,795,796],{"class":742}," name",[729,798,746],{"class":734},[729,800,801],{"class":749},"\"hugeicons:calendar-01\"",[729,803,804],{"class":742}," class",[729,806,746],{"class":734},[729,808,809],{"class":749},"\"size-6\"",[729,811,812],{"class":742}," aria-hidden",[729,814,746],{"class":734},[729,816,817],{"class":749},"\"true\"",[729,819,786],{"class":734},[691,821,822,823,826,827,830],{},"Components expose their supported ",[703,824,825],{},"icon",", ",[703,828,829],{},"trailingIcon",", or icon slots in their reference pages. Explicit icon names do not change when you override the internal registry. Give icon-only actions an accessible label; decorative icons can be hidden from assistive technology.",[715,832,834],{"id":833},"global-internal-icons","Global internal icons",[720,836,841],{"className":837,"code":838,"filename":839,"language":840,"meta":725,"style":725},"language-ts shiki shiki-themes github-light github-dark","export default defineAppConfig({\n  selaras: {\n    icons: {\n      close: 'hugeicons:cancel-01',\n      loading: 'hugeicons:loading-02',\n    },\n  },\n})\n","app.config.ts","ts",[703,842,843,858,863,868,880,891,897,903],{"__ignoreMap":725},[729,844,845,849,852,855],{"class":731,"line":8},[729,846,848],{"class":847},"szBVR","export",[729,850,851],{"class":847}," default",[729,853,854],{"class":742}," defineAppConfig",[729,856,857],{"class":734},"({\n",[729,859,860],{"class":731,"line":761},[729,861,862],{"class":734},"  selaras: {\n",[729,864,865],{"class":731,"line":789},[729,866,867],{"class":734},"    icons: {\n",[729,869,871,874,877],{"class":731,"line":870},4,[729,872,873],{"class":734},"      close: ",[729,875,876],{"class":749},"'hugeicons:cancel-01'",[729,878,879],{"class":734},",\n",[729,881,883,886,889],{"class":731,"line":882},5,[729,884,885],{"class":734},"      loading: ",[729,887,888],{"class":749},"'hugeicons:loading-02'",[729,890,879],{"class":734},[729,892,894],{"class":731,"line":893},6,[729,895,896],{"class":734},"    },\n",[729,898,900],{"class":731,"line":899},7,[729,901,902],{"class":734},"  },\n",[729,904,906],{"class":731,"line":905},8,[729,907,908],{"class":734},"})\n",[691,910,911,912,915,916,918],{},"Each key describes a purpose rather than a component. Overriding ",[703,913,914],{},"close"," changes components that read that registry key. Unspecified keys retain their defaults. See ",[695,917,654],{"href":655}," for the complete registry and how custom components can reuse it.",[715,920,922],{"id":921},"configuration-and-loading","Configuration and loading",[691,924,925,926,928,929,932,933,936,937,940],{},"Configure Nuxt Icon through the top-level ",[703,927,825],{}," key in ",[703,930,931],{},"nuxt.config.ts",", alongside ",[703,934,935],{},"selaras",". You do not need to register ",[703,938,939],{},"@nuxt\u002Ficon"," again.",[691,942,943,944,949],{},"Nuxt Icon can fetch icons from the ",[695,945,948],{"href":946,"rel":947},"https:\u002F\u002Ficonify.design\u002F",[699],"Iconify"," API when they are unavailable locally. This is convenient for trying collections, but runtime requests can delay an icon's appearance. Install the collections you use locally:",[720,951,955],{"className":952,"code":953,"language":954,"meta":725,"style":725},"language-bash shiki shiki-themes github-light github-dark","bun add -d @iconify-json\u002Fhugeicons @iconify-json\u002Flucide\n","bash",[703,956,957],{"__ignoreMap":725},[729,958,959,962,965,969,972],{"class":731,"line":8},[729,960,961],{"class":742},"bun",[729,963,964],{"class":749}," add",[729,966,968],{"class":967},"sj4cs"," -d",[729,970,971],{"class":749}," @iconify-json\u002Fhugeicons",[729,973,974],{"class":749}," @iconify-json\u002Flucide\n",[691,976,977,980],{},[703,978,979],{},"devDependencies"," is appropriate for the normal bundled build: icon data is consumed during building. Build environments must install dev dependencies. If you explicitly externalize icon JSON for runtime resolution, keep the packages available as production dependencies instead.",[720,982,984],{"className":837,"code":983,"filename":931,"language":840,"meta":725,"style":725},"export default defineNuxtConfig({\n  modules: ['@sewadah\u002Fselaras'],\n  icon: {\n    serverBundle: {\n      collections: ['hugeicons', 'lucide'],\n    },\n    clientBundle: {\n      scan: true,\n      icons: ['lucide:search', 'lucide:x'],\n    },\n  },\n})\n",[703,985,986,997,1008,1013,1018,1033,1037,1042,1052,1068,1072,1076],{"__ignoreMap":725},[729,987,988,990,992,995],{"class":731,"line":8},[729,989,848],{"class":847},[729,991,851],{"class":847},[729,993,994],{"class":742}," defineNuxtConfig",[729,996,857],{"class":734},[729,998,999,1002,1005],{"class":731,"line":761},[729,1000,1001],{"class":734},"  modules: [",[729,1003,1004],{"class":749},"'@sewadah\u002Fselaras'",[729,1006,1007],{"class":734},"],\n",[729,1009,1010],{"class":731,"line":789},[729,1011,1012],{"class":734},"  icon: {\n",[729,1014,1015],{"class":731,"line":870},[729,1016,1017],{"class":734},"    serverBundle: {\n",[729,1019,1020,1023,1026,1028,1031],{"class":731,"line":882},[729,1021,1022],{"class":734},"      collections: [",[729,1024,1025],{"class":749},"'hugeicons'",[729,1027,826],{"class":734},[729,1029,1030],{"class":749},"'lucide'",[729,1032,1007],{"class":734},[729,1034,1035],{"class":731,"line":893},[729,1036,896],{"class":734},[729,1038,1039],{"class":731,"line":899},[729,1040,1041],{"class":734},"    clientBundle: {\n",[729,1043,1044,1047,1050],{"class":731,"line":905},[729,1045,1046],{"class":734},"      scan: ",[729,1048,1049],{"class":967},"true",[729,1051,879],{"class":734},[729,1053,1055,1058,1061,1063,1066],{"class":731,"line":1054},9,[729,1056,1057],{"class":734},"      icons: [",[729,1059,1060],{"class":749},"'lucide:search'",[729,1062,826],{"class":734},[729,1064,1065],{"class":749},"'lucide:x'",[729,1067,1007],{"class":734},[729,1069,1070],{"class":731,"line":13},[729,1071,896],{"class":734},[729,1073,1074],{"class":731,"line":151},[729,1075,902],{"class":734},[729,1077,1078],{"class":731,"line":170},[729,1079,908],{"class":734},[691,1081,1082,1083,1086],{},"Installing a collection avoids relying on the public API; it does not alone guarantee immediate rendering. The client bundle makes known icons available without an icon request. Scanning finds literal names; add dynamically selected names explicitly to ",[703,1084,1085],{},"clientBundle.icons",". This is especially useful for static sites without a Nuxt server endpoint.",[715,1088,1090],{"id":1089},"runtime-customization","Runtime customization",[691,1092,1093,1094,1096,1097,1099,1100,1103],{},"Nuxt Icon's runtime settings belong under ",[703,1095,825],{}," in ",[703,1098,839],{},". Selaras's internal-purpose registry remains under ",[703,1101,1102],{},"selaras.icons",":",[720,1105,1107],{"className":837,"code":1106,"filename":839,"language":840,"meta":725,"style":725},"export default defineAppConfig({\n  icon: {\n    mode: 'svg',\n    aliases: {\n      'app-search': 'lucide:search',\n    },\n  },\n  selaras: {\n    icons: {\n      search: 'app-search',\n    },\n  },\n})\n",[703,1108,1109,1119,1123,1133,1138,1150,1154,1158,1162,1166,1176,1180,1184],{"__ignoreMap":725},[729,1110,1111,1113,1115,1117],{"class":731,"line":8},[729,1112,848],{"class":847},[729,1114,851],{"class":847},[729,1116,854],{"class":742},[729,1118,857],{"class":734},[729,1120,1121],{"class":731,"line":761},[729,1122,1012],{"class":734},[729,1124,1125,1128,1131],{"class":731,"line":789},[729,1126,1127],{"class":734},"    mode: ",[729,1129,1130],{"class":749},"'svg'",[729,1132,879],{"class":734},[729,1134,1135],{"class":731,"line":870},[729,1136,1137],{"class":734},"    aliases: {\n",[729,1139,1140,1143,1146,1148],{"class":731,"line":882},[729,1141,1142],{"class":749},"      'app-search'",[729,1144,1145],{"class":734},": ",[729,1147,1060],{"class":749},[729,1149,879],{"class":734},[729,1151,1152],{"class":731,"line":893},[729,1153,896],{"class":734},[729,1155,1156],{"class":731,"line":899},[729,1157,902],{"class":734},[729,1159,1160],{"class":731,"line":905},[729,1161,862],{"class":734},[729,1163,1164],{"class":731,"line":1054},[729,1165,867],{"class":734},[729,1167,1168,1171,1174],{"class":731,"line":13},[729,1169,1170],{"class":734},"      search: ",[729,1172,1173],{"class":749},"'app-search'",[729,1175,879],{"class":734},[729,1177,1178],{"class":731,"line":151},[729,1179,896],{"class":734},[729,1181,1182],{"class":731,"line":170},[729,1183,902],{"class":734},[729,1185,1187],{"class":731,"line":1186},13,[729,1188,908],{"class":734},[691,1190,1191,1192,1195,1196,1199,1200,1205],{},"Nuxt Icon also supports global SVG customization through ",[703,1193,1194],{},"icon.customize",". Selaras components set their own icon sizing classes, so prefer their ",[703,1197,1198],{},"ui"," slots for sizing individual component parts. See the ",[695,1201,1204],{"href":1202,"rel":1203},"https:\u002F\u002Fgithub.com\u002Fnuxt\u002Ficon#icon-customization",[699],"Nuxt Icon configuration reference"," for the full upstream API.",[715,1207,1209],{"id":1208},"custom-svg-collections","Custom SVG collections",[691,1211,1212,1213,1216],{},"Place SVG files in ",[703,1214,1215],{},"app\u002Fassets\u002Ficons",", then register a collection:",[720,1218,1220],{"className":837,"code":1219,"filename":931,"language":840,"meta":725,"style":725},"import { createResolver } from 'nuxt\u002Fkit'\n\nconst { resolve } = createResolver(import.meta.url)\n\nexport default defineNuxtConfig({\n  modules: ['@sewadah\u002Fselaras'],\n  icon: {\n    customCollections: [\n      { prefix: 'app', dir: resolve('.\u002Fapp\u002Fassets\u002Ficons') },\n    ],\n    clientBundle: {\n      includeCustomCollections: true,\n    },\n  },\n})\n",[703,1221,1222,1236,1241,1274,1278,1288,1296,1300,1305,1326,1331,1335,1344,1348,1353],{"__ignoreMap":725},[729,1223,1224,1227,1230,1233],{"class":731,"line":8},[729,1225,1226],{"class":847},"import",[729,1228,1229],{"class":734}," { createResolver } ",[729,1231,1232],{"class":847},"from",[729,1234,1235],{"class":749}," 'nuxt\u002Fkit'\n",[729,1237,1238],{"class":731,"line":761},[729,1239,1240],{"emptyLinePlaceholder":686},"\n",[729,1242,1243,1246,1249,1252,1255,1257,1260,1263,1265,1268,1271],{"class":731,"line":789},[729,1244,1245],{"class":847},"const",[729,1247,1248],{"class":734}," { ",[729,1250,1251],{"class":967},"resolve",[729,1253,1254],{"class":734}," } ",[729,1256,746],{"class":847},[729,1258,1259],{"class":742}," createResolver",[729,1261,1262],{"class":734},"(",[729,1264,1226],{"class":847},[729,1266,1267],{"class":734},".",[729,1269,1270],{"class":967},"meta",[729,1272,1273],{"class":734},".url)\n",[729,1275,1276],{"class":731,"line":870},[729,1277,1240],{"emptyLinePlaceholder":686},[729,1279,1280,1282,1284,1286],{"class":731,"line":882},[729,1281,848],{"class":847},[729,1283,851],{"class":847},[729,1285,994],{"class":742},[729,1287,857],{"class":734},[729,1289,1290,1292,1294],{"class":731,"line":893},[729,1291,1001],{"class":734},[729,1293,1004],{"class":749},[729,1295,1007],{"class":734},[729,1297,1298],{"class":731,"line":899},[729,1299,1012],{"class":734},[729,1301,1302],{"class":731,"line":905},[729,1303,1304],{"class":734},"    customCollections: [\n",[729,1306,1307,1310,1313,1316,1318,1320,1323],{"class":731,"line":1054},[729,1308,1309],{"class":734},"      { prefix: ",[729,1311,1312],{"class":749},"'app'",[729,1314,1315],{"class":734},", dir: ",[729,1317,1251],{"class":742},[729,1319,1262],{"class":734},[729,1321,1322],{"class":749},"'.\u002Fapp\u002Fassets\u002Ficons'",[729,1324,1325],{"class":734},") },\n",[729,1327,1328],{"class":731,"line":13},[729,1329,1330],{"class":734},"    ],\n",[729,1332,1333],{"class":731,"line":151},[729,1334,1041],{"class":734},[729,1336,1337,1340,1342],{"class":731,"line":170},[729,1338,1339],{"class":734},"      includeCustomCollections: ",[729,1341,1049],{"class":967},[729,1343,879],{"class":734},[729,1345,1346],{"class":731,"line":1186},[729,1347,896],{"class":734},[729,1349,1351],{"class":731,"line":1350},14,[729,1352,902],{"class":734},[729,1354,1355],{"class":731,"line":648},[729,1356,908],{"class":734},[691,1358,1359,1360,1363,1364,1367],{},"A file named ",[703,1361,1362],{},"brand.svg"," becomes ",[703,1365,1366],{},"app:brand",". Including custom collections in the client bundle also makes them available on static hosting.",[720,1369,1371],{"className":722,"code":1370,"language":724,"meta":725,"style":725},"\u003CSIcon name=\"app:brand\" class=\"size-6\" \u002F>\n\u003CSButton icon=\"app:brand\">Workspace\u003C\u002FSButton>\n",[703,1372,1373,1394],{"__ignoreMap":725},[729,1374,1375,1377,1379,1381,1383,1386,1388,1390,1392],{"class":731,"line":8},[729,1376,735],{"class":734},[729,1378,705],{"class":738},[729,1380,796],{"class":742},[729,1382,746],{"class":734},[729,1384,1385],{"class":749},"\"app:brand\"",[729,1387,804],{"class":742},[729,1389,746],{"class":734},[729,1391,809],{"class":749},[729,1393,786],{"class":734},[729,1395,1396,1398,1400,1402,1404,1406,1409,1411],{"class":731,"line":761},[729,1397,735],{"class":734},[729,1399,739],{"class":738},[729,1401,743],{"class":742},[729,1403,746],{"class":734},[729,1405,1385],{"class":749},[729,1407,1408],{"class":734},">Workspace\u003C\u002F",[729,1410,739],{"class":738},[729,1412,758],{"class":734},[715,1414,1416],{"id":1415},"vue-components-as-icons","Vue components as icons",[691,1418,1419,1420,1103],{},"Nuxt Icon can resolve a globally registered Vue component by name. For example, create ",[703,1421,1422],{},"app\u002Fcomponents\u002Fglobal\u002FBrandIcon.vue",[720,1424,1428],{"className":1425,"code":1426,"language":1427,"meta":725,"style":725},"language-vue shiki shiki-themes github-light github-dark","\u003Ctemplate>\n  \u003Csvg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http:\u002F\u002Fwww.w3.org\u002F2000\u002Fsvg\">\n    \u003Cpath d=\"M4 12L12 4L20 12L12 20Z\" fill=\"currentColor\" \u002F>\n  \u003C\u002Fsvg>\n\u003C\u002Ftemplate>\n","vue",[703,1429,1430,1439,1473,1498,1507],{"__ignoreMap":725},[729,1431,1432,1434,1437],{"class":731,"line":8},[729,1433,735],{"class":734},[729,1435,1436],{"class":738},"template",[729,1438,758],{"class":734},[729,1440,1441,1444,1447,1450,1452,1455,1458,1460,1463,1466,1468,1471],{"class":731,"line":761},[729,1442,1443],{"class":734},"  \u003C",[729,1445,1446],{"class":738},"svg",[729,1448,1449],{"class":742}," viewBox",[729,1451,746],{"class":734},[729,1453,1454],{"class":749},"\"0 0 24 24\"",[729,1456,1457],{"class":742}," fill",[729,1459,746],{"class":734},[729,1461,1462],{"class":749},"\"none\"",[729,1464,1465],{"class":742}," xmlns",[729,1467,746],{"class":734},[729,1469,1470],{"class":749},"\"http:\u002F\u002Fwww.w3.org\u002F2000\u002Fsvg\"",[729,1472,758],{"class":734},[729,1474,1475,1478,1481,1484,1486,1489,1491,1493,1496],{"class":731,"line":789},[729,1476,1477],{"class":734},"    \u003C",[729,1479,1480],{"class":738},"path",[729,1482,1483],{"class":742}," d",[729,1485,746],{"class":734},[729,1487,1488],{"class":749},"\"M4 12L12 4L20 12L12 20Z\"",[729,1490,1457],{"class":742},[729,1492,746],{"class":734},[729,1494,1495],{"class":749},"\"currentColor\"",[729,1497,786],{"class":734},[729,1499,1500,1503,1505],{"class":731,"line":870},[729,1501,1502],{"class":734},"  \u003C\u002F",[729,1504,1446],{"class":738},[729,1506,758],{"class":734},[729,1508,1509,1512,1514],{"class":731,"line":882},[729,1510,1511],{"class":734},"\u003C\u002F",[729,1513,1436],{"class":738},[729,1515,758],{"class":734},[691,1517,1518],{},"Then use that component name through Selaras:",[720,1520,1522],{"className":722,"code":1521,"language":724,"meta":725,"style":725},"\u003CSIcon name=\"BrandIcon\" class=\"size-6\" \u002F>\n\u003CSButton icon=\"BrandIcon\">Workspace\u003C\u002FSButton>\n",[703,1523,1524,1545],{"__ignoreMap":725},[729,1525,1526,1528,1530,1532,1534,1537,1539,1541,1543],{"class":731,"line":8},[729,1527,735],{"class":734},[729,1529,705],{"class":738},[729,1531,796],{"class":742},[729,1533,746],{"class":734},[729,1535,1536],{"class":749},"\"BrandIcon\"",[729,1538,804],{"class":742},[729,1540,746],{"class":734},[729,1542,809],{"class":749},[729,1544,786],{"class":734},[729,1546,1547,1549,1551,1553,1555,1557,1559,1561],{"class":731,"line":761},[729,1548,735],{"class":734},[729,1550,739],{"class":738},[729,1552,743],{"class":742},[729,1554,746],{"class":734},[729,1556,1536],{"class":749},[729,1558,1408],{"class":734},[729,1560,739],{"class":738},[729,1562,758],{"class":734},[691,1564,1565,1566,1267],{},"The component must be globally registered; an ordinary local import is insufficient for name-based resolution. Nuxt Icon renders the component directly and ignores its CSS\u002FSVG mode setting for that icon. See ",[695,1567,1570],{"href":1568,"rel":1569},"https:\u002F\u002Fgithub.com\u002Fnuxt\u002Ficon#vue-component",[699],"Nuxt Icon's component support",[1572,1573,1574],"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 .sj4cs, html code.shiki .sj4cs{--shiki-default:#005CC5;--shiki-dark:#79B8FF}",{"title":725,"searchDepth":789,"depth":789,"links":1576},[1577,1578,1579,1580,1581,1582],{"id":717,"depth":761,"text":718},{"id":833,"depth":761,"text":834},{"id":921,"depth":761,"text":922},{"id":1089,"depth":761,"text":1090},{"id":1208,"depth":761,"text":1209},{"id":1415,"depth":761,"text":1416},"Configure internal icons globally and provide icons locally.","md",{},{"title":42,"description":1583},"czC78B9nDwyv1DlQq9iJZRmXUvI8nXx5N7Iosa868zI",{"id":1589,"title":1590,"aside":686,"body":1591,"collapse":10,"description":2313,"editLink":686,"extension":1584,"icon":9,"issueLink":686,"meta":2314,"navBadges":9,"navigation":9,"order":45,"path":2315,"prevNext":686,"seo":2316,"stem":2317,"toc":686,"__hash__":2318},"docs\u002Fid\u002Foverview\u002Fgetting-started\u002Ficons.md","Ikon",{"type":688,"value":1592,"toc":2305},[1593,1609,1613,1683,1691,1695,1745,1754,1758,1773,1780,1796,1801,1883,1889,1893,1903,1979,1993,1997,2003,2119,2128,2170,2172,2177,2251,2254,2296,2303],[691,1594,1595,1596,1599,1600,1602,1603,1605,1606,1608],{},"Selaras menggunakan ",[695,1597,700],{"href":697,"rel":1598},[699]," di balik layar dan menginstal modulnya secara otomatis. ",[703,1601,705],{}," membungkus komponen ",[703,1604,167],{},"-nya, jadi konfigurasi Nuxt Icon, provider, alias, dan koleksi kustom juga berlaku untuk ikon Selaras. Nama ikon menggunakan format ",[703,1607,712],{},"; ikon komponen internal secara default menggunakan Hugeicons.",[715,1610,1612],{"id":1611},"ikon-lokal","Ikon lokal",[720,1614,1615],{"className":722,"code":723,"language":724,"meta":725,"style":725},[703,1616,1617,1635,1657],{"__ignoreMap":725},[729,1618,1619,1621,1623,1625,1627,1629,1631,1633],{"class":731,"line":8},[729,1620,735],{"class":734},[729,1622,739],{"class":738},[729,1624,743],{"class":742},[729,1626,746],{"class":734},[729,1628,750],{"class":749},[729,1630,753],{"class":734},[729,1632,739],{"class":738},[729,1634,758],{"class":734},[729,1636,1637,1639,1641,1643,1645,1647,1649,1651,1653,1655],{"class":731,"line":761},[729,1638,735],{"class":734},[729,1640,739],{"class":738},[729,1642,743],{"class":742},[729,1644,746],{"class":734},[729,1646,772],{"class":749},[729,1648,775],{"class":742},[729,1650,778],{"class":742},[729,1652,746],{"class":734},[729,1654,783],{"class":749},[729,1656,786],{"class":734},[729,1658,1659,1661,1663,1665,1667,1669,1671,1673,1675,1677,1679,1681],{"class":731,"line":789},[729,1660,735],{"class":734},[729,1662,705],{"class":738},[729,1664,796],{"class":742},[729,1666,746],{"class":734},[729,1668,801],{"class":749},[729,1670,804],{"class":742},[729,1672,746],{"class":734},[729,1674,809],{"class":749},[729,1676,812],{"class":742},[729,1678,746],{"class":734},[729,1680,817],{"class":749},[729,1682,786],{"class":734},[691,1684,1685,1686,826,1688,1690],{},"Komponen mengekspos ",[703,1687,825],{},[703,1689,829],{},", atau slot ikon yang didukung di halaman referensi mereka. Nama ikon eksplisit tidak berubah ketika Anda mengganti registry internal. Berikan label yang dapat diakses untuk tindakan ikon-saja; ikon dekoratif dapat disembunyikan dari teknologi asistif.",[715,1692,1694],{"id":1693},"ikon-internal-global","Ikon internal global",[720,1696,1697],{"className":837,"code":838,"filename":839,"language":840,"meta":725,"style":725},[703,1698,1699,1709,1713,1717,1725,1733,1737,1741],{"__ignoreMap":725},[729,1700,1701,1703,1705,1707],{"class":731,"line":8},[729,1702,848],{"class":847},[729,1704,851],{"class":847},[729,1706,854],{"class":742},[729,1708,857],{"class":734},[729,1710,1711],{"class":731,"line":761},[729,1712,862],{"class":734},[729,1714,1715],{"class":731,"line":789},[729,1716,867],{"class":734},[729,1718,1719,1721,1723],{"class":731,"line":870},[729,1720,873],{"class":734},[729,1722,876],{"class":749},[729,1724,879],{"class":734},[729,1726,1727,1729,1731],{"class":731,"line":882},[729,1728,885],{"class":734},[729,1730,888],{"class":749},[729,1732,879],{"class":734},[729,1734,1735],{"class":731,"line":893},[729,1736,896],{"class":734},[729,1738,1739],{"class":731,"line":899},[729,1740,902],{"class":734},[729,1742,1743],{"class":731,"line":905},[729,1744,908],{"class":734},[691,1746,1747,1748,1750,1751,1753],{},"Setiap key menggambarkan tujuan daripada komponen. Mengganti ",[703,1749,914],{}," mengubah komponen yang membaca key registry tersebut. Key yang tidak ditentukan mempertahankan defaultnya. Lihat ",[695,1752,654],{"href":655}," untuk registry lengkap dan cara komponen kustom dapat menggunakan kembali.",[715,1755,1757],{"id":1756},"konfigurasi-dan-loading","Konfigurasi dan loading",[691,1759,1760,1761,1763,1764,1766,1767,1769,1770,1772],{},"Konfigurasikan Nuxt Icon melalui key top-level ",[703,1762,825],{}," di ",[703,1765,931],{},", di samping ",[703,1768,935],{},". Anda tidak perlu mendaftarkan ",[703,1771,939],{}," lagi.",[691,1774,1775,1776,1779],{},"Nuxt Icon dapat mengambil ikon dari API ",[695,1777,948],{"href":946,"rel":1778},[699]," ketika tidak tersedia secara lokal. Ini nyaman untuk mencoba koleksi, tetapi request runtime dapat menunda kemunculan ikon. Instal koleksi yang Anda gunakan secara lokal:",[720,1781,1782],{"className":952,"code":953,"language":954,"meta":725,"style":725},[703,1783,1784],{"__ignoreMap":725},[729,1785,1786,1788,1790,1792,1794],{"class":731,"line":8},[729,1787,961],{"class":742},[729,1789,964],{"class":749},[729,1791,968],{"class":967},[729,1793,971],{"class":749},[729,1795,974],{"class":749},[691,1797,1798,1800],{},[703,1799,979],{}," cocok untuk build bundling normal: data ikon dikonsumsi saat build. Lingkungan build harus menginstal dev dependencies. Jika Anda secara eksplisit mengeksternalisasi icon JSON untuk resolusi runtime, pertahankan paket sebagai dependensi produksi sebagai gantinya.",[720,1802,1803],{"className":837,"code":983,"filename":931,"language":840,"meta":725,"style":725},[703,1804,1805,1815,1823,1827,1831,1843,1847,1851,1859,1871,1875,1879],{"__ignoreMap":725},[729,1806,1807,1809,1811,1813],{"class":731,"line":8},[729,1808,848],{"class":847},[729,1810,851],{"class":847},[729,1812,994],{"class":742},[729,1814,857],{"class":734},[729,1816,1817,1819,1821],{"class":731,"line":761},[729,1818,1001],{"class":734},[729,1820,1004],{"class":749},[729,1822,1007],{"class":734},[729,1824,1825],{"class":731,"line":789},[729,1826,1012],{"class":734},[729,1828,1829],{"class":731,"line":870},[729,1830,1017],{"class":734},[729,1832,1833,1835,1837,1839,1841],{"class":731,"line":882},[729,1834,1022],{"class":734},[729,1836,1025],{"class":749},[729,1838,826],{"class":734},[729,1840,1030],{"class":749},[729,1842,1007],{"class":734},[729,1844,1845],{"class":731,"line":893},[729,1846,896],{"class":734},[729,1848,1849],{"class":731,"line":899},[729,1850,1041],{"class":734},[729,1852,1853,1855,1857],{"class":731,"line":905},[729,1854,1046],{"class":734},[729,1856,1049],{"class":967},[729,1858,879],{"class":734},[729,1860,1861,1863,1865,1867,1869],{"class":731,"line":1054},[729,1862,1057],{"class":734},[729,1864,1060],{"class":749},[729,1866,826],{"class":734},[729,1868,1065],{"class":749},[729,1870,1007],{"class":734},[729,1872,1873],{"class":731,"line":13},[729,1874,896],{"class":734},[729,1876,1877],{"class":731,"line":151},[729,1878,902],{"class":734},[729,1880,1881],{"class":731,"line":170},[729,1882,908],{"class":734},[691,1884,1885,1886,1888],{},"Menginstal koleksi menghindari ketergantungan pada API publik; itu sendiri tidak menjamin rendering langsung. Client bundle membuat ikon yang diketahui tersedia tanpa request ikon. Scanning menemukan nama literal; tambahkan nama yang dipilih secara dinamis secara eksplisit ke ",[703,1887,1085],{},". Ini sangat berguna untuk situs statis tanpa endpoint server Nuxt.",[715,1890,1892],{"id":1891},"penyesuaian-runtime","Penyesuaian runtime",[691,1894,1895,1896,1763,1898,1900,1901,1103],{},"Pengaturan runtime Nuxt Icon ada di bawah ",[703,1897,825],{},[703,1899,839],{},". Registry tujuan internal Selaras tetap di bawah ",[703,1902,1102],{},[720,1904,1905],{"className":837,"code":1106,"filename":839,"language":840,"meta":725,"style":725},[703,1906,1907,1917,1921,1929,1933,1943,1947,1951,1955,1959,1967,1971,1975],{"__ignoreMap":725},[729,1908,1909,1911,1913,1915],{"class":731,"line":8},[729,1910,848],{"class":847},[729,1912,851],{"class":847},[729,1914,854],{"class":742},[729,1916,857],{"class":734},[729,1918,1919],{"class":731,"line":761},[729,1920,1012],{"class":734},[729,1922,1923,1925,1927],{"class":731,"line":789},[729,1924,1127],{"class":734},[729,1926,1130],{"class":749},[729,1928,879],{"class":734},[729,1930,1931],{"class":731,"line":870},[729,1932,1137],{"class":734},[729,1934,1935,1937,1939,1941],{"class":731,"line":882},[729,1936,1142],{"class":749},[729,1938,1145],{"class":734},[729,1940,1060],{"class":749},[729,1942,879],{"class":734},[729,1944,1945],{"class":731,"line":893},[729,1946,896],{"class":734},[729,1948,1949],{"class":731,"line":899},[729,1950,902],{"class":734},[729,1952,1953],{"class":731,"line":905},[729,1954,862],{"class":734},[729,1956,1957],{"class":731,"line":1054},[729,1958,867],{"class":734},[729,1960,1961,1963,1965],{"class":731,"line":13},[729,1962,1170],{"class":734},[729,1964,1173],{"class":749},[729,1966,879],{"class":734},[729,1968,1969],{"class":731,"line":151},[729,1970,896],{"class":734},[729,1972,1973],{"class":731,"line":170},[729,1974,902],{"class":734},[729,1976,1977],{"class":731,"line":1186},[729,1978,908],{"class":734},[691,1980,1981,1982,1984,1985,1987,1988,1992],{},"Nuxt Icon juga mendukung penyesuaian SVG global melalui ",[703,1983,1194],{},". Komponen Selaras menetapkan kelas ukuran ikon sendiri, jadi lebih suka slot ",[703,1986,1198],{}," mereka untuk mengatur ukuran bagian komponen individual. Lihat ",[695,1989,1991],{"href":1202,"rel":1990},[699],"referensi konfigurasi Nuxt Icon"," untuk API upstream lengkap.",[715,1994,1996],{"id":1995},"koleksi-svg-kustom","Koleksi SVG kustom",[691,1998,1999,2000,2002],{},"Tempatkan file SVG di ",[703,2001,1215],{},", lalu daftarkan koleksi:",[720,2004,2005],{"className":837,"code":1219,"filename":931,"language":840,"meta":725,"style":725},[703,2006,2007,2017,2021,2045,2049,2059,2067,2071,2075,2091,2095,2099,2107,2111,2115],{"__ignoreMap":725},[729,2008,2009,2011,2013,2015],{"class":731,"line":8},[729,2010,1226],{"class":847},[729,2012,1229],{"class":734},[729,2014,1232],{"class":847},[729,2016,1235],{"class":749},[729,2018,2019],{"class":731,"line":761},[729,2020,1240],{"emptyLinePlaceholder":686},[729,2022,2023,2025,2027,2029,2031,2033,2035,2037,2039,2041,2043],{"class":731,"line":789},[729,2024,1245],{"class":847},[729,2026,1248],{"class":734},[729,2028,1251],{"class":967},[729,2030,1254],{"class":734},[729,2032,746],{"class":847},[729,2034,1259],{"class":742},[729,2036,1262],{"class":734},[729,2038,1226],{"class":847},[729,2040,1267],{"class":734},[729,2042,1270],{"class":967},[729,2044,1273],{"class":734},[729,2046,2047],{"class":731,"line":870},[729,2048,1240],{"emptyLinePlaceholder":686},[729,2050,2051,2053,2055,2057],{"class":731,"line":882},[729,2052,848],{"class":847},[729,2054,851],{"class":847},[729,2056,994],{"class":742},[729,2058,857],{"class":734},[729,2060,2061,2063,2065],{"class":731,"line":893},[729,2062,1001],{"class":734},[729,2064,1004],{"class":749},[729,2066,1007],{"class":734},[729,2068,2069],{"class":731,"line":899},[729,2070,1012],{"class":734},[729,2072,2073],{"class":731,"line":905},[729,2074,1304],{"class":734},[729,2076,2077,2079,2081,2083,2085,2087,2089],{"class":731,"line":1054},[729,2078,1309],{"class":734},[729,2080,1312],{"class":749},[729,2082,1315],{"class":734},[729,2084,1251],{"class":742},[729,2086,1262],{"class":734},[729,2088,1322],{"class":749},[729,2090,1325],{"class":734},[729,2092,2093],{"class":731,"line":13},[729,2094,1330],{"class":734},[729,2096,2097],{"class":731,"line":151},[729,2098,1041],{"class":734},[729,2100,2101,2103,2105],{"class":731,"line":170},[729,2102,1339],{"class":734},[729,2104,1049],{"class":967},[729,2106,879],{"class":734},[729,2108,2109],{"class":731,"line":1186},[729,2110,896],{"class":734},[729,2112,2113],{"class":731,"line":1350},[729,2114,902],{"class":734},[729,2116,2117],{"class":731,"line":648},[729,2118,908],{"class":734},[691,2120,2121,2122,2124,2125,2127],{},"File bernama ",[703,2123,1362],{}," menjadi ",[703,2126,1366],{},". Menyertakan koleksi kustom di client bundle juga membuatnya tersedia di hosting statis.",[720,2129,2130],{"className":722,"code":1370,"language":724,"meta":725,"style":725},[703,2131,2132,2152],{"__ignoreMap":725},[729,2133,2134,2136,2138,2140,2142,2144,2146,2148,2150],{"class":731,"line":8},[729,2135,735],{"class":734},[729,2137,705],{"class":738},[729,2139,796],{"class":742},[729,2141,746],{"class":734},[729,2143,1385],{"class":749},[729,2145,804],{"class":742},[729,2147,746],{"class":734},[729,2149,809],{"class":749},[729,2151,786],{"class":734},[729,2153,2154,2156,2158,2160,2162,2164,2166,2168],{"class":731,"line":761},[729,2155,735],{"class":734},[729,2157,739],{"class":738},[729,2159,743],{"class":742},[729,2161,746],{"class":734},[729,2163,1385],{"class":749},[729,2165,1408],{"class":734},[729,2167,739],{"class":738},[729,2169,758],{"class":734},[715,2171,1416],{"id":1415},[691,2173,2174,2175,1103],{},"Nuxt Icon dapat me-resolve komponen Vue yang didaftarkan secara global berdasarkan nama. Misalnya, buat ",[703,2176,1422],{},[720,2178,2179],{"className":1425,"code":1426,"language":1427,"meta":725,"style":725},[703,2180,2181,2189,2215,2235,2243],{"__ignoreMap":725},[729,2182,2183,2185,2187],{"class":731,"line":8},[729,2184,735],{"class":734},[729,2186,1436],{"class":738},[729,2188,758],{"class":734},[729,2190,2191,2193,2195,2197,2199,2201,2203,2205,2207,2209,2211,2213],{"class":731,"line":761},[729,2192,1443],{"class":734},[729,2194,1446],{"class":738},[729,2196,1449],{"class":742},[729,2198,746],{"class":734},[729,2200,1454],{"class":749},[729,2202,1457],{"class":742},[729,2204,746],{"class":734},[729,2206,1462],{"class":749},[729,2208,1465],{"class":742},[729,2210,746],{"class":734},[729,2212,1470],{"class":749},[729,2214,758],{"class":734},[729,2216,2217,2219,2221,2223,2225,2227,2229,2231,2233],{"class":731,"line":789},[729,2218,1477],{"class":734},[729,2220,1480],{"class":738},[729,2222,1483],{"class":742},[729,2224,746],{"class":734},[729,2226,1488],{"class":749},[729,2228,1457],{"class":742},[729,2230,746],{"class":734},[729,2232,1495],{"class":749},[729,2234,786],{"class":734},[729,2236,2237,2239,2241],{"class":731,"line":870},[729,2238,1502],{"class":734},[729,2240,1446],{"class":738},[729,2242,758],{"class":734},[729,2244,2245,2247,2249],{"class":731,"line":882},[729,2246,1511],{"class":734},[729,2248,1436],{"class":738},[729,2250,758],{"class":734},[691,2252,2253],{},"Lalu gunakan nama komponen tersebut melalui Selaras:",[720,2255,2256],{"className":722,"code":1521,"language":724,"meta":725,"style":725},[703,2257,2258,2278],{"__ignoreMap":725},[729,2259,2260,2262,2264,2266,2268,2270,2272,2274,2276],{"class":731,"line":8},[729,2261,735],{"class":734},[729,2263,705],{"class":738},[729,2265,796],{"class":742},[729,2267,746],{"class":734},[729,2269,1536],{"class":749},[729,2271,804],{"class":742},[729,2273,746],{"class":734},[729,2275,809],{"class":749},[729,2277,786],{"class":734},[729,2279,2280,2282,2284,2286,2288,2290,2292,2294],{"class":731,"line":761},[729,2281,735],{"class":734},[729,2283,739],{"class":738},[729,2285,743],{"class":742},[729,2287,746],{"class":734},[729,2289,1536],{"class":749},[729,2291,1408],{"class":734},[729,2293,739],{"class":738},[729,2295,758],{"class":734},[691,2297,2298,2299,1267],{},"Komponen harus didaftarkan secara global; impor lokal biasa tidak cukup untuk resolusi berbasis nama. Nuxt Icon merender komponen secara langsung dan mengabaikan pengaturan mode CSS\u002FSVG untuk ikon itu. Lihat ",[695,2300,2302],{"href":1568,"rel":2301},[699],"dukungan komponen Nuxt Icon",[1572,2304,1574],{},{"title":725,"searchDepth":789,"depth":789,"links":2306},[2307,2308,2309,2310,2311,2312],{"id":1611,"depth":761,"text":1612},{"id":1693,"depth":761,"text":1694},{"id":1756,"depth":761,"text":1757},{"id":1891,"depth":761,"text":1892},{"id":1995,"depth":761,"text":1996},{"id":1415,"depth":761,"text":1416},"Konfigurasikan ikon internal secara global dan sediakan ikon secara lokal.",{},"\u002Fid\u002Foverview\u002Fgetting-started\u002Ficons",{"title":1590,"description":2313},"id\u002Foverview\u002Fgetting-started\u002Ficons","JseWBml1KpS9kuy81CKQSSSDovbMvOoDogoiCelinC8",1792925240277]