[{"data":1,"prerenderedAt":1133},["ShallowReactive",2],{"locale-alternates":3,"docs-nav-en":124,"api-none":352,"page-en-\u002Fguides\u002Fnuxt":353},{"\u002Fit\u002Fcomponenti\u002Fbb-accordion":4,"\u002Fen\u002Fcomponents\u002Fbb-accordion":5,"\u002Fit\u002Fcomponenti\u002Fbb-alert":6,"\u002Fen\u002Fcomponents\u002Fbb-alert":7,"\u002Fit\u002Fcomponenti\u002Fbb-asterisk":8,"\u002Fen\u002Fcomponents\u002Fbb-asterisk":9,"\u002Fit\u002Fcomponenti\u002Fbb-avatar":10,"\u002Fen\u002Fcomponents\u002Fbb-avatar":11,"\u002Fit\u002Fcomponenti\u002Fbb-badge":12,"\u002Fen\u002Fcomponents\u002Fbb-badge":13,"\u002Fit\u002Fcomponenti\u002Fbb-base-button":14,"\u002Fen\u002Fcomponents\u002Fbb-base-button":15,"\u002Fit\u002Fcomponenti\u002Fbb-breadcrumbs":16,"\u002Fen\u002Fcomponents\u002Fbb-breadcrumbs":17,"\u002Fit\u002Fcomponenti\u002Fbb-button":18,"\u002Fen\u002Fcomponents\u002Fbb-button":19,"\u002Fit\u002Fcomponenti\u002Fbb-checkbox":20,"\u002Fen\u002Fcomponents\u002Fbb-checkbox":21,"\u002Fit\u002Fcomponenti\u002Fbb-checkbox-group":22,"\u002Fen\u002Fcomponents\u002Fbb-checkbox-group":23,"\u002Fit\u002Fcomponenti\u002Fbb-collapsible":24,"\u002Fen\u002Fcomponents\u002Fbb-collapsible":25,"\u002Fit\u002Fcomponenti\u002Fbb-color-input":26,"\u002Fen\u002Fcomponents\u002Fbb-color-input":27,"\u002Fit\u002Fcomponenti\u002Fbb-color-palette":28,"\u002Fen\u002Fcomponents\u002Fbb-color-palette":29,"\u002Fit\u002Fcomponenti\u002Fbb-confirm":30,"\u002Fen\u002Fcomponents\u002Fbb-confirm":31,"\u002Fit\u002Fcomponenti\u002Fbb-date-picker":32,"\u002Fen\u002Fcomponents\u002Fbb-date-picker":33,"\u002Fit\u002Fcomponenti\u002Fbb-date-picker-input":34,"\u002Fen\u002Fcomponents\u002Fbb-date-picker-input":35,"\u002Fit\u002Fcomponenti\u002Fbb-dialog":36,"\u002Fen\u002Fcomponents\u002Fbb-dialog":37,"\u002Fit\u002Fcomponenti\u002Fbb-dropdown":38,"\u002Fen\u002Fcomponents\u002Fbb-dropdown":39,"\u002Fit\u002Fcomponenti\u002Fbb-dropdown-button":40,"\u002Fen\u002Fcomponents\u002Fbb-dropdown-button":41,"\u002Fit\u002Fcomponenti\u002Fbb-dropzone":42,"\u002Fen\u002Fcomponents\u002Fbb-dropzone":43,"\u002Fit\u002Fcomponenti\u002Fbb-form":44,"\u002Fen\u002Fcomponents\u002Fbb-form":45,"\u002Fit\u002Fcomponenti\u002Fbb-icon":46,"\u002Fen\u002Fcomponents\u002Fbb-icon":47,"\u002Fit\u002Fcomponenti\u002Fbb-indicator":48,"\u002Fen\u002Fcomponents\u002Fbb-indicator":49,"\u002Fit\u002Fcomponenti\u002Fbb-number-input":50,"\u002Fen\u002Fcomponents\u002Fbb-number-input":51,"\u002Fit\u002Fcomponenti\u002Fbb-off-canvas":52,"\u002Fen\u002Fcomponents\u002Fbb-off-canvas":53,"\u002Fit\u002Fcomponenti\u002Fbb-pagination":54,"\u002Fen\u002Fcomponents\u002Fbb-pagination":55,"\u002Fit\u002Fcomponenti\u002Fbb-popover":56,"\u002Fen\u002Fcomponents\u002Fbb-popover":57,"\u002Fit\u002Fcomponenti\u002Fbb-progress":58,"\u002Fen\u002Fcomponents\u002Fbb-progress":59,"\u002Fit\u002Fcomponenti\u002Fbb-radio":60,"\u002Fen\u002Fcomponents\u002Fbb-radio":61,"\u002Fit\u002Fcomponenti\u002Fbb-radio-group":62,"\u002Fen\u002Fcomponents\u002Fbb-radio-group":63,"\u002Fit\u002Fcomponenti\u002Fbb-rating":64,"\u002Fen\u002Fcomponents\u002Fbb-rating":65,"\u002Fit\u002Fcomponenti\u002Fbb-select":66,"\u002Fen\u002Fcomponents\u002Fbb-select":67,"\u002Fit\u002Fcomponenti\u002Fbb-select-popover":68,"\u002Fen\u002Fcomponents\u002Fbb-select-popover":69,"\u002Fit\u002Fcomponenti\u002Fbb-slider":70,"\u002Fen\u002Fcomponents\u002Fbb-slider":71,"\u002Fit\u002Fcomponenti\u002Fbb-smooth-height":72,"\u002Fen\u002Fcomponents\u002Fbb-smooth-height":73,"\u002Fit\u002Fcomponenti\u002Fbb-spinner":74,"\u002Fen\u002Fcomponents\u002Fbb-spinner":75,"\u002Fit\u002Fcomponenti\u002Fbb-switch":76,"\u002Fen\u002Fcomponents\u002Fbb-switch":77,"\u002Fit\u002Fcomponenti\u002Fbb-switch-group":78,"\u002Fen\u002Fcomponents\u002Fbb-switch-group":79,"\u002Fit\u002Fcomponenti\u002Fbb-table":80,"\u002Fen\u002Fcomponents\u002Fbb-table":81,"\u002Fit\u002Fcomponenti\u002Fbb-tabs":82,"\u002Fen\u002Fcomponents\u002Fbb-tabs":83,"\u002Fit\u002Fcomponenti\u002Fbb-tag":84,"\u002Fen\u002Fcomponents\u002Fbb-tag":85,"\u002Fit\u002Fcomponenti\u002Fbb-text-input":86,"\u002Fen\u002Fcomponents\u002Fbb-text-input":87,"\u002Fit\u002Fcomponenti\u002Fbb-textarea":88,"\u002Fen\u002Fcomponents\u002Fbb-textarea":89,"\u002Fit\u002Fcomponenti\u002Fbb-time-picker":90,"\u002Fen\u002Fcomponents\u002Fbb-time-picker":91,"\u002Fit\u002Fcomponenti\u002Fbb-time-picker-input":92,"\u002Fen\u002Fcomponents\u002Fbb-time-picker-input":93,"\u002Fit\u002Fcomponenti\u002Fbb-toast":94,"\u002Fen\u002Fcomponents\u002Fbb-toast":95,"\u002Fit\u002Fcomponenti\u002Fbb-tooltip":96,"\u002Fen\u002Fcomponents\u002Fbb-tooltip":97,"\u002Fit\u002Fcomponenti\u002Fbb-tree":98,"\u002Fen\u002Fcomponents\u002Fbb-tree":99,"\u002Fit\u002Fguide\u002Fai-agents":100,"\u002Fen\u002Fguides\u002Fai-agents":101,"\u002Fit\u002Fguide\u002Fcoherence":102,"\u002Fen\u002Fguides\u002Fcoherence":103,"\u002Fit\u002Fguide\u002Fdesign-language":104,"\u002Fen\u002Fguides\u002Fdesign-language":105,"\u002Fit\u002Fguide\u002Fdesign-tokens":106,"\u002Fen\u002Fguides\u002Fdesign-tokens":107,"\u002Fit\u002Fguide\u002Ffetching-data":108,"\u002Fen\u002Fguides\u002Ffetching-data":109,"\u002Fit\u002Fguide\u002Ficons":110,"\u002Fen\u002Fguides\u002Ficons":111,"\u002Fit\u002Fguide\u002Finertia":112,"\u002Fen\u002Fguides\u002Finertia":113,"\u002Fit\u002Fguide\u002Finstallation":114,"\u002Fen\u002Fguides\u002Finstallation":115,"\u002Fit\u002Fguide\u002Fmigration":116,"\u002Fen\u002Fguides\u002Fmigration":117,"\u002Fit\u002Fguide\u002Fnuxt":118,"\u002Fen\u002Fguides\u002Fnuxt":119,"\u002Fit\u002Fguide\u002Foptions-and-items":120,"\u002Fen\u002Fguides\u002Foptions-and-items":121,"\u002Fit\u002Fguide\u002Fvalidated-forms":122,"\u002Fen\u002Fguides\u002Fvalidated-forms":123},"\u002Fen\u002Fcomponents\u002Fbb-accordion","\u002Fit\u002Fcomponenti\u002Fbb-accordion","\u002Fen\u002Fcomponents\u002Fbb-alert","\u002Fit\u002Fcomponenti\u002Fbb-alert","\u002Fen\u002Fcomponents\u002Fbb-asterisk","\u002Fit\u002Fcomponenti\u002Fbb-asterisk","\u002Fen\u002Fcomponents\u002Fbb-avatar","\u002Fit\u002Fcomponenti\u002Fbb-avatar","\u002Fen\u002Fcomponents\u002Fbb-badge","\u002Fit\u002Fcomponenti\u002Fbb-badge","\u002Fen\u002Fcomponents\u002Fbb-base-button","\u002Fit\u002Fcomponenti\u002Fbb-base-button","\u002Fen\u002Fcomponents\u002Fbb-breadcrumbs","\u002Fit\u002Fcomponenti\u002Fbb-breadcrumbs","\u002Fen\u002Fcomponents\u002Fbb-button","\u002Fit\u002Fcomponenti\u002Fbb-button","\u002Fen\u002Fcomponents\u002Fbb-checkbox","\u002Fit\u002Fcomponenti\u002Fbb-checkbox","\u002Fen\u002Fcomponents\u002Fbb-checkbox-group","\u002Fit\u002Fcomponenti\u002Fbb-checkbox-group","\u002Fen\u002Fcomponents\u002Fbb-collapsible","\u002Fit\u002Fcomponenti\u002Fbb-collapsible","\u002Fen\u002Fcomponents\u002Fbb-color-input","\u002Fit\u002Fcomponenti\u002Fbb-color-input","\u002Fen\u002Fcomponents\u002Fbb-color-palette","\u002Fit\u002Fcomponenti\u002Fbb-color-palette","\u002Fen\u002Fcomponents\u002Fbb-confirm","\u002Fit\u002Fcomponenti\u002Fbb-confirm","\u002Fen\u002Fcomponents\u002Fbb-date-picker","\u002Fit\u002Fcomponenti\u002Fbb-date-picker","\u002Fen\u002Fcomponents\u002Fbb-date-picker-input","\u002Fit\u002Fcomponenti\u002Fbb-date-picker-input","\u002Fen\u002Fcomponents\u002Fbb-dialog","\u002Fit\u002Fcomponenti\u002Fbb-dialog","\u002Fen\u002Fcomponents\u002Fbb-dropdown","\u002Fit\u002Fcomponenti\u002Fbb-dropdown","\u002Fen\u002Fcomponents\u002Fbb-dropdown-button","\u002Fit\u002Fcomponenti\u002Fbb-dropdown-button","\u002Fen\u002Fcomponents\u002Fbb-dropzone","\u002Fit\u002Fcomponenti\u002Fbb-dropzone","\u002Fen\u002Fcomponents\u002Fbb-form","\u002Fit\u002Fcomponenti\u002Fbb-form","\u002Fen\u002Fcomponents\u002Fbb-icon","\u002Fit\u002Fcomponenti\u002Fbb-icon","\u002Fen\u002Fcomponents\u002Fbb-indicator","\u002Fit\u002Fcomponenti\u002Fbb-indicator","\u002Fen\u002Fcomponents\u002Fbb-number-input","\u002Fit\u002Fcomponenti\u002Fbb-number-input","\u002Fen\u002Fcomponents\u002Fbb-off-canvas","\u002Fit\u002Fcomponenti\u002Fbb-off-canvas","\u002Fen\u002Fcomponents\u002Fbb-pagination","\u002Fit\u002Fcomponenti\u002Fbb-pagination","\u002Fen\u002Fcomponents\u002Fbb-popover","\u002Fit\u002Fcomponenti\u002Fbb-popover","\u002Fen\u002Fcomponents\u002Fbb-progress","\u002Fit\u002Fcomponenti\u002Fbb-progress","\u002Fen\u002Fcomponents\u002Fbb-radio","\u002Fit\u002Fcomponenti\u002Fbb-radio","\u002Fen\u002Fcomponents\u002Fbb-radio-group","\u002Fit\u002Fcomponenti\u002Fbb-radio-group","\u002Fen\u002Fcomponents\u002Fbb-rating","\u002Fit\u002Fcomponenti\u002Fbb-rating","\u002Fen\u002Fcomponents\u002Fbb-select","\u002Fit\u002Fcomponenti\u002Fbb-select","\u002Fen\u002Fcomponents\u002Fbb-select-popover","\u002Fit\u002Fcomponenti\u002Fbb-select-popover","\u002Fen\u002Fcomponents\u002Fbb-slider","\u002Fit\u002Fcomponenti\u002Fbb-slider","\u002Fen\u002Fcomponents\u002Fbb-smooth-height","\u002Fit\u002Fcomponenti\u002Fbb-smooth-height","\u002Fen\u002Fcomponents\u002Fbb-spinner","\u002Fit\u002Fcomponenti\u002Fbb-spinner","\u002Fen\u002Fcomponents\u002Fbb-switch","\u002Fit\u002Fcomponenti\u002Fbb-switch","\u002Fen\u002Fcomponents\u002Fbb-switch-group","\u002Fit\u002Fcomponenti\u002Fbb-switch-group","\u002Fen\u002Fcomponents\u002Fbb-table","\u002Fit\u002Fcomponenti\u002Fbb-table","\u002Fen\u002Fcomponents\u002Fbb-tabs","\u002Fit\u002Fcomponenti\u002Fbb-tabs","\u002Fen\u002Fcomponents\u002Fbb-tag","\u002Fit\u002Fcomponenti\u002Fbb-tag","\u002Fen\u002Fcomponents\u002Fbb-text-input","\u002Fit\u002Fcomponenti\u002Fbb-text-input","\u002Fen\u002Fcomponents\u002Fbb-textarea","\u002Fit\u002Fcomponenti\u002Fbb-textarea","\u002Fen\u002Fcomponents\u002Fbb-time-picker","\u002Fit\u002Fcomponenti\u002Fbb-time-picker","\u002Fen\u002Fcomponents\u002Fbb-time-picker-input","\u002Fit\u002Fcomponenti\u002Fbb-time-picker-input","\u002Fen\u002Fcomponents\u002Fbb-toast","\u002Fit\u002Fcomponenti\u002Fbb-toast","\u002Fen\u002Fcomponents\u002Fbb-tooltip","\u002Fit\u002Fcomponenti\u002Fbb-tooltip","\u002Fen\u002Fcomponents\u002Fbb-tree","\u002Fit\u002Fcomponenti\u002Fbb-tree","\u002Fen\u002Fguides\u002Fai-agents","\u002Fit\u002Fguide\u002Fai-agents","\u002Fen\u002Fguides\u002Fcoherence","\u002Fit\u002Fguide\u002Fcoherence","\u002Fen\u002Fguides\u002Fdesign-language","\u002Fit\u002Fguide\u002Fdesign-language","\u002Fen\u002Fguides\u002Fdesign-tokens","\u002Fit\u002Fguide\u002Fdesign-tokens","\u002Fen\u002Fguides\u002Ffetching-data","\u002Fit\u002Fguide\u002Ffetching-data","\u002Fen\u002Fguides\u002Ficons","\u002Fit\u002Fguide\u002Ficons","\u002Fen\u002Fguides\u002Finertia","\u002Fit\u002Fguide\u002Finertia","\u002Fen\u002Fguides\u002Finstallation","\u002Fit\u002Fguide\u002Finstallation","\u002Fen\u002Fguides\u002Fmigration","\u002Fit\u002Fguide\u002Fmigration","\u002Fen\u002Fguides\u002Fnuxt","\u002Fit\u002Fguide\u002Fnuxt","\u002Fen\u002Fguides\u002Foptions-and-items","\u002Fit\u002Fguide\u002Foptions-and-items","\u002Fen\u002Fguides\u002Fvalidated-forms","\u002Fit\u002Fguide\u002Fvalidated-forms",[125,136,145,166,178,220,253,286,307,328,340,346],{"label":126,"entries":127},"Getting started",[128,132],{"title":129,"path":130,"order":131},"Installation","\u002Fguides\u002Finstallation",1,{"title":133,"path":134,"order":135},"Migrating from v2","\u002Fguides\u002Fmigration",2,{"label":137,"entries":138},"Design system",[139,142],{"title":140,"path":141,"order":131},"Design tokens","\u002Fguides\u002Fdesign-tokens",{"title":143,"path":144,"order":135},"Design language","\u002Fguides\u002Fdesign-language",{"label":146,"entries":147},"Playbooks",[148,151,154,158,162],{"title":149,"path":150,"order":131},"Options and items","\u002Fguides\u002Foptions-and-items",{"title":152,"path":153,"order":135},"Fetching data","\u002Fguides\u002Ffetching-data",{"title":155,"path":156,"order":157},"Coherence","\u002Fguides\u002Fcoherence",3,{"title":159,"path":160,"order":161},"Validated forms","\u002Fguides\u002Fvalidated-forms",4,{"title":163,"path":164,"order":165},"Icons","\u002Fguides\u002Ficons",5,{"label":167,"entries":168},"Ecosystem",[169,172,175],{"title":170,"path":171,"order":131},"Inertia and Laravel","\u002Fguides\u002Finertia",{"title":173,"path":174,"order":135},"Nuxt","\u002Fguides\u002Fnuxt",{"title":176,"path":177,"order":157},"AI agents","\u002Fguides\u002Fai-agents",{"label":179,"entries":180},"Inputs",[181,184,187,190,193,196,200,204,208,212,216],{"title":182,"path":183,"component":182,"order":131},"BbBaseButton","\u002Fcomponents\u002Fbb-base-button",{"title":185,"path":186,"component":185,"order":135},"BbButton","\u002Fcomponents\u002Fbb-button",{"title":188,"path":189,"component":188,"order":157},"BbColorInput","\u002Fcomponents\u002Fbb-color-input",{"title":191,"path":192,"component":191,"order":161},"BbDatePickerInput","\u002Fcomponents\u002Fbb-date-picker-input",{"title":194,"path":195,"component":194,"order":165},"BbDropzone","\u002Fcomponents\u002Fbb-dropzone",{"title":197,"path":198,"component":197,"order":199},"BbForm","\u002Fcomponents\u002Fbb-form",6,{"title":201,"path":202,"component":201,"order":203},"BbNumberInput","\u002Fcomponents\u002Fbb-number-input",7,{"title":205,"path":206,"component":205,"order":207},"BbTag","\u002Fcomponents\u002Fbb-tag",8,{"title":209,"path":210,"component":209,"order":211},"BbTextarea","\u002Fcomponents\u002Fbb-textarea",9,{"title":213,"path":214,"component":213,"order":215},"BbTextInput","\u002Fcomponents\u002Fbb-text-input",10,{"title":217,"path":218,"component":217,"order":219},"BbTimePickerInput","\u002Fcomponents\u002Fbb-time-picker-input",11,{"label":221,"entries":222},"Selection",[223,226,229,232,235,238,241,244,247,250],{"title":224,"path":225,"component":224,"order":131},"BbCheckbox","\u002Fcomponents\u002Fbb-checkbox",{"title":227,"path":228,"component":227,"order":135},"BbCheckboxGroup","\u002Fcomponents\u002Fbb-checkbox-group",{"title":230,"path":231,"component":230,"order":157},"BbRadio","\u002Fcomponents\u002Fbb-radio",{"title":233,"path":234,"component":233,"order":161},"BbRadioGroup","\u002Fcomponents\u002Fbb-radio-group",{"title":236,"path":237,"component":236,"order":165},"BbRating","\u002Fcomponents\u002Fbb-rating",{"title":239,"path":240,"component":239,"order":199},"BbSelect","\u002Fcomponents\u002Fbb-select",{"title":242,"path":243,"component":242,"order":203},"BbSelectPopover","\u002Fcomponents\u002Fbb-select-popover",{"title":245,"path":246,"component":245,"order":207},"BbSlider","\u002Fcomponents\u002Fbb-slider",{"title":248,"path":249,"component":248,"order":211},"BbSwitch","\u002Fcomponents\u002Fbb-switch",{"title":251,"path":252,"component":251,"order":215},"BbSwitchGroup","\u002Fcomponents\u002Fbb-switch-group",{"label":254,"entries":255},"Overlay",[256,259,262,265,268,271,274,277,280,283],{"title":257,"path":258,"component":257,"order":131},"BbColorPalette","\u002Fcomponents\u002Fbb-color-palette",{"title":260,"path":261,"component":260,"order":135},"BbConfirm","\u002Fcomponents\u002Fbb-confirm",{"title":263,"path":264,"component":263,"order":157},"BbDatePicker","\u002Fcomponents\u002Fbb-date-picker",{"title":266,"path":267,"component":266,"order":161},"BbDialog","\u002Fcomponents\u002Fbb-dialog",{"title":269,"path":270,"component":269,"order":165},"BbDropdown","\u002Fcomponents\u002Fbb-dropdown",{"title":272,"path":273,"component":272,"order":199},"BbDropdownButton","\u002Fcomponents\u002Fbb-dropdown-button",{"title":275,"path":276,"component":275,"order":203},"BbOffCanvas","\u002Fcomponents\u002Fbb-off-canvas",{"title":278,"path":279,"component":278,"order":207},"BbPopover","\u002Fcomponents\u002Fbb-popover",{"title":281,"path":282,"component":281,"order":211},"BbTimePicker","\u002Fcomponents\u002Fbb-time-picker",{"title":284,"path":285,"component":284,"order":215},"BbTooltip","\u002Fcomponents\u002Fbb-tooltip",{"label":287,"entries":288},"Navigation",[289,292,295,298,301,304],{"title":290,"path":291,"component":290,"order":131},"BbAccordion","\u002Fcomponents\u002Fbb-accordion",{"title":293,"path":294,"component":293,"order":135},"BbBreadcrumbs","\u002Fcomponents\u002Fbb-breadcrumbs",{"title":296,"path":297,"component":296,"order":157},"BbCollapsible","\u002Fcomponents\u002Fbb-collapsible",{"title":299,"path":300,"component":299,"order":161},"BbPagination","\u002Fcomponents\u002Fbb-pagination",{"title":302,"path":303,"component":302,"order":165},"BbTabs","\u002Fcomponents\u002Fbb-tabs",{"title":305,"path":306,"component":305,"order":199},"BbTree","\u002Fcomponents\u002Fbb-tree",{"label":308,"entries":309},"Feedback",[310,313,316,319,322,325],{"title":311,"path":312,"component":311,"order":131},"BbAlert","\u002Fcomponents\u002Fbb-alert",{"title":314,"path":315,"component":314,"order":135},"BbBadge","\u002Fcomponents\u002Fbb-badge",{"title":317,"path":318,"component":317,"order":157},"BbIndicator","\u002Fcomponents\u002Fbb-indicator",{"title":320,"path":321,"component":320,"order":161},"BbProgress","\u002Fcomponents\u002Fbb-progress",{"title":323,"path":324,"component":323,"order":165},"BbSpinner","\u002Fcomponents\u002Fbb-spinner",{"title":326,"path":327,"component":326,"order":199},"BbToast","\u002Fcomponents\u002Fbb-toast",{"label":329,"entries":330},"Data Display",[331,334,337],{"title":332,"path":333,"component":332,"order":131},"BbAvatar","\u002Fcomponents\u002Fbb-avatar",{"title":335,"path":336,"component":335,"order":135},"BbIcon","\u002Fcomponents\u002Fbb-icon",{"title":338,"path":339,"component":338,"order":157},"BbTable","\u002Fcomponents\u002Fbb-table",{"label":341,"entries":342},"Layout & Utility",[343],{"title":344,"path":345,"component":344,"order":131},"BbSmoothHeight","\u002Fcomponents\u002Fbb-smooth-height",{"label":347,"entries":348},"Other",[349],{"title":350,"path":351,"component":350,"order":131},"BbAsterisk","\u002Fcomponents\u002Fbb-asterisk",null,{"id":354,"title":173,"body":355,"component":352,"description":1119,"extension":1120,"group":167,"meta":1121,"navigation":1122,"order":135,"path":174,"sections":1123,"seo":1130,"stem":1131,"__hash__":1132},"docs_en\u002Fguides\u002Fnuxt.md",{"type":356,"value":357,"toc":1111},"minimark",[358,362,455,462,477,492,506,512,713,732,766,772,778,839,846,879,885,916,921,927,942,945,971,977,992,998,1020,1031,1034,1101,1107],[359,360,361],"p",{},"There is no separate package to install for Nuxt. The module is an export of the\nlibrary itself, and this documentation site runs on it.",[363,364,369],"pre",{"className":365,"code":366,"language":367,"meta":368,"style":368},"language-ts shiki shiki-themes github-light-high-contrast github-dark-high-contrast","\u002F\u002F nuxt.config.ts\nexport default defineNuxtConfig({\n    modules: ['bitboss-ui\u002Fnuxt'],\n    css: ['bitboss-ui\u002Fstyles.css'],\n    bitboss: {\n        iconDir: '.\u002Fassets\u002Ficons',\n    },\n});\n","ts","",[370,371,372,380,397,413,425,430,440,447],"code",{"__ignoreMap":368},[373,374,376],"span",{"class":375,"line":131},"line",[373,377,379],{"class":378},"sLBg1","\u002F\u002F nuxt.config.ts\n",[373,381,382,386,389,393],{"class":375,"line":135},[373,383,385],{"class":384},"sHUrx","export",[373,387,388],{"class":384}," default",[373,390,392],{"class":391},"sKwhi"," defineNuxtConfig",[373,394,396],{"class":395},"soyes","({\n",[373,398,399,403,407,410],{"class":375,"line":157},[373,400,402],{"class":401},"suds8","    modules: [",[373,404,406],{"class":405},"sT6z2","'bitboss-ui\u002Fnuxt'",[373,408,409],{"class":401},"]",[373,411,412],{"class":395},",\n",[373,414,415,418,421,423],{"class":375,"line":161},[373,416,417],{"class":401},"    css: [",[373,419,420],{"class":405},"'bitboss-ui\u002Fstyles.css'",[373,422,409],{"class":401},[373,424,412],{"class":395},[373,426,427],{"class":375,"line":165},[373,428,429],{"class":401},"    bitboss: {\n",[373,431,432,435,438],{"class":375,"line":199},[373,433,434],{"class":401},"        iconDir: ",[373,436,437],{"class":405},"'.\u002Fassets\u002Ficons'",[373,439,412],{"class":401},[373,441,442,445],{"class":375,"line":203},[373,443,444],{"class":401},"    }",[373,446,412],{"class":395},[373,448,449,452],{"class":375,"line":207},[373,450,451],{"class":395},"})",[373,453,454],{"class":401},";\n",[456,457,459],"h2",{"id":458},"module",[373,460,461],{},"The module ships with the library",[359,463,464,467,468,471,472,476],{},[370,465,466],{},"bitboss-ui\u002Fnuxt"," does two things and nothing else: it pushes the library's Vite\nplugin into the Nuxt build, and it adds the runtime plugin. Its config key is\n",[370,469,470],{},"bitboss",", and the options it takes ",[473,474,475],"strong",{},"are the Vite plugin's options"," — the same\nobject either way, so a project moving between Vite and Nuxt moves its config\nacross unchanged.",[359,478,479,480,483,484,487,488,491],{},"That is why ",[481,482,129],"a",{"href":114}," documents one set of options\nfor both. Everything configurable lives at build time; only ",[370,485,486],{},"locale"," stays\neditable at runtime, through ",[370,489,490],{},"useBbConfig()",".",[493,494,495],"note",{},[359,496,497,498,501,502,505],{},"There is no auto-import. Templates import their components explicitly, which is\nwhat keeps ",[370,499,500],{},"vueCompilerOptions.checkUnknownComponents"," able to fail the build on\na mistyped or removed ",[370,503,504],{},"Bb*"," tag. On a large app that gate is worth more than the\nsaved import lines.",[456,507,509],{"id":508},"options",[373,510,511],{},"Every option",[513,514,515,531],"table",{},[516,517,518],"thead",{},[519,520,521,525,528],"tr",{},[522,523,524],"th",{},"Option",[522,526,527],{},"Default",[522,529,530],{},"What it does",[532,533,534,549,561,580,595,610,640,662,685,699],"tbody",{},[519,535,536,542,546],{},[537,538,539],"td",{},[370,540,541],{},"iconDir",[537,543,544],{},[370,545,437],{},[537,547,548],{},"Folder of SVG files, scanned recursively, relative to the source directory",[519,550,551,555,558],{},[537,552,553],{},[370,554,486],{},[537,556,557],{},"—",[537,559,560],{},"The active locale. The one option still editable at runtime",[519,562,563,568,577],{},[537,564,565],{},[370,566,567],{},"enabledLocales",[537,569,570,571,573,574],{},"your ",[370,572,486],{}," plus ",[370,575,576],{},"'en'",[537,578,579],{},"Which built-in dictionaries enter the bundle",[519,581,582,587,592],{},[537,583,584],{},[370,585,586],{},"injectStyles",[537,588,589],{},[370,590,591],{},"true",[537,593,594],{},"Injects the stylesheet at runtime, before non-library styles",[519,596,597,602,607],{},[537,598,599],{},[370,600,601],{},"resetCss",[537,603,604],{},[370,605,606],{},"false",[537,608,609],{},"Injects the library reset stylesheet",[519,611,612,617,621],{},[537,613,614],{},[370,615,616],{},"injectDirectives",[537,618,619],{},[370,620,591],{},[537,622,623,624,627,628,627,631,627,634,627,637],{},"Registers ",[370,625,626],{},"v-bb-tooltip",", ",[370,629,630],{},"v-bb-dropdown",[370,632,633],{},"v-bb-color",[370,635,636],{},"v-bb-date",[370,638,639],{},"v-bb-time",[519,641,642,647,651],{},[537,643,644],{},[370,645,646],{},"requiredAsterisk",[537,648,649],{},[370,650,606],{},[537,652,653,654,657,658,661],{},"A red ",[370,655,656],{},"*"," beside the label of ",[370,659,660],{},"required"," fields",[519,663,664,669,679],{},[537,665,666],{},[370,667,668],{},"iconDefaultSizes",[537,670,671,674,675,678],{},[370,672,673],{},"xs"," 12 … ",[370,676,677],{},"2xl"," 40",[537,680,681,682,684],{},"The size scale ",[370,683,335],{}," and avatars read",[519,686,687,692,696],{},[537,688,689],{},[370,690,691],{},"mcp",[537,693,694],{},[370,695,606],{},[537,697,698],{},"Registers the MCP server in project agent configs on dev boot",[519,700,701,706,710],{},[537,702,703],{},[370,704,705],{},"vscodeSettings",[537,707,708],{},[370,709,591],{},[537,711,712],{},"Registers the local-icons collection so Iconify IntelliSense previews them",[359,714,715,717,718,720,721,723,724,727,728,731],{},[370,716,567],{}," is worth a second look. The library ships more than twenty\ndictionaries but only the enabled ones — plus their dayjs calendar packs — enter\nthe build. The list auto-completes with your ",[370,719,486],{}," and ",[370,722,576],{},", the per-key\nfallback anchor, so it never needs to repeat them. There is deliberately no\n",[370,725,726],{},"'all'",": enabling a locale is an explicit, visible bundle cost, and selecting one\nyou did not enable is a ",[473,729,730],{},"compile error",", not a runtime fallback.",[359,733,734,735,737,738,741,742,744,745,627,748,720,751,754,755,758,759,762,763,491],{},"Two options write files on your machine during dev, and both say so when they do.\n",[370,736,705],{}," edits ",[370,739,740],{},".vscode\u002Fsettings.json"," — idempotently, preserving\ncomments, formatting and key order — and can be turned off. ",[370,743,691],{}," writes into\n",[370,746,747],{},".mcp.json",[370,749,750],{},".cursor\u002Fmcp.json",[370,752,753],{},".vscode\u002Fmcp.json",", merge-safely, leaving any\nother servers alone. That is the same registration ",[370,756,757],{},"npx bitboss-ui ai-init","\ndoes. Unlike that command it never installs anything, so run ",[370,760,761],{},"ai-init"," once for\nthe server's peers. See ",[481,764,176],{"href":765},"\u002Fen\u002Fguides\u002Fai-agents#mcp",[456,767,769],{"id":768},"variants",[373,770,771],{},"Registering variants",[359,773,774,775,777],{},"The variant registries are plugin options too, so in Nuxt they live in the same\n",[370,776,470],{}," block:",[363,779,781],{"className":365,"code":780,"language":367,"meta":368,"style":368},"bitboss: {\n    buttonVariants: ['primary', 'outline', 'secondary', 'ghost', 'destructive', 'link', 'success'],\n}\n",[370,782,783,790,834],{"__ignoreMap":368},[373,784,785,787],{"class":375,"line":131},[373,786,470],{"class":395},[373,788,789],{"class":401},": {\n",[373,791,792,795,798,801,803,806,808,811,813,816,818,821,823,826,828,831],{"class":375,"line":135},[373,793,794],{"class":395},"    buttonVariants",[373,796,797],{"class":401},": [",[373,799,800],{"class":405},"'primary'",[373,802,627],{"class":401},[373,804,805],{"class":405},"'outline'",[373,807,627],{"class":401},[373,809,810],{"class":405},"'secondary'",[373,812,627],{"class":401},[373,814,815],{"class":405},"'ghost'",[373,817,627],{"class":401},[373,819,820],{"class":405},"'destructive'",[373,822,627],{"class":401},[373,824,825],{"class":405},"'link'",[373,827,627],{"class":401},[373,829,830],{"class":405},"'success'",[373,832,833],{"class":401},"],\n",[373,835,836],{"class":375,"line":157},[373,837,838],{"class":401},"}\n",[359,840,841,842,845],{},"Registering the name makes it type-check. You still own its CSS — see\n",[481,843,143],{"href":844},"\u002Fen\u002Fguides\u002Fdesign-language#custom-variant",", which covers both\nhalves and what happens if you do only one.",[359,847,848,849,627,852,627,855,412,858,627,861,627,864,627,867,870,871,874,875,878],{},"The registries are ",[370,850,851],{},"buttonVariants",[370,853,854],{},"alertVariants",[370,856,857],{},"badgeVariants",[370,859,860],{},"confirmVariants",[370,862,863],{},"dropdownItemVariants",[370,865,866],{},"tooltipVariants",[370,868,869],{},"toastVariants"," and\n",[370,872,873],{},"indicatorVariants",". Passing a list ",[473,876,877],{},"replaces"," the defaults, so include the\nbuilt-in names you still use.",[456,880,882],{"id":881},"icons",[373,883,884],{},"Icons in Nuxt",[886,887,888],"warning",{},[359,889,890,892,893,896,897,900,901,903,904,907,908,911,912,915],{},[370,891,541],{}," is resolved ",[473,894,895],{},"relative to your source directory",". In Nuxt 4 that is\n",[370,898,899],{},"app\u002F",", so the default ",[370,902,437],{}," already means ",[370,905,906],{},"app\u002Fassets\u002Ficons",".\nWriting ",[370,909,910],{},"'.\u002Fapp\u002Fassets\u002Ficons'"," points one level too deep, every ",[370,913,914],{},"local:*"," name\nthrows at render, and on a prerendered site that takes the whole page down.",[359,917,918,919,491],{},"Everything else about naming, the build-time literal scan, and where components\nalready accept an icon is in ",[481,920,163],{"href":110},[456,922,924],{"id":923},"prerender",[373,925,926],{},"Prerendering and SSR",[359,928,929,930,933,934,937,938,941],{},"The components server-render. This site runs ",[370,931,932],{},"nuxt generate"," with\n",[370,935,936],{},"failOnError"," enabled and does not wrap library components in ",[370,939,940],{},"ClientOnly",".\nThe route count changes with the documentation corpus, so the build result is\nthe source of truth.",[359,943,944],{},"Two things to know when a page fetches its own options:",[946,947,948,964],"ul",{},[949,950,951,954,955,959,960,963],"li",{},[370,952,953],{},"prefill: true"," on ",[481,956,957],{"href":66},[370,958,239],{}," runs in\n",[370,961,962],{},"onServerPrefetch",", so it is the SSR-friendly setting when the selection has to\nbe in the server-rendered HTML.",[949,965,966,967,970],{},"The default ",[370,968,969],{},"'interaction'"," defers the load to the client, which is usually\nwhat you want and is why it is the default.",[359,972,973,976],{},[481,974,152],{"href":975},"\u002Fen\u002Fguides\u002Ffetching-data#prefill"," has the full matrix.",[359,978,979,980,983,984,987,988,991],{},"If a theme has to survive the first paint on a static site, remember that the\nreader's theme is not knowable at build time. Apply the class from an inline\nscript in ",[370,981,982],{},"head"," before hydration, or the page flashes the wrong theme —\n",[481,985,140],{"href":986},"\u002Fen\u002Fguides\u002Fdesign-tokens#dark"," explains why ",[370,989,990],{},"color-scheme","\nfollows the class rather than the OS preference.",[456,993,995],{"id":994},"legacy",[373,996,997],{},"If you have bitboss-nuxt installed",[359,999,1000,1003,1004,1007,1008,1011,1012,1015,1016,491],{},[370,1001,1002],{},"@bitboss-dev\u002Fbitboss-ui-nuxt"," is a ",[473,1005,1006],{},"separate, v2-era package",". It predates\nthis module, and its API shows it: unprefixed icon names, a ",[370,1009,1010],{},"components.validation","\nswitch, and ",[370,1013,1014],{},"BaseButton"," rather than\n",[481,1017,1018],{"href":14},[370,1019,182],{},[886,1021,1022],{},[359,1023,1024,1025,1027,1028,1030],{},"Do not run it alongside ",[370,1026,466],{},". Both register a runtime plugin and\nboth configure icons under the same ",[370,1029,470],{}," key, and the result is not a merge.",[359,1032,1033],{},"Migrating off it is mostly deletion:",[1035,1036,1037,1053,1079,1089],"ol",{},[949,1038,1039,1040,1042,1043,1046,1047,1050,1051,491],{},"Remove ",[370,1041,1002],{}," from ",[370,1044,1045],{},"modules"," and from\n",[370,1048,1049],{},"package.json",", and add ",[370,1052,406],{},[949,1054,1055,1056,1059,1060,1062,1063,627,1066,627,1069,412,1072,720,1075,1078],{},"Move ",[370,1057,1058],{},"icons.path"," to ",[370,1061,541],{},", and drop ",[370,1064,1065],{},"icons.enabled",[370,1067,1068],{},"styles",[370,1070,1071],{},"link",[370,1073,1074],{},"components",[370,1076,1077],{},"composables"," — the equivalents are either the defaults or\nthe options in the table above.",[949,1080,1081,1082,1085,1086,491],{},"Prefix your own icon names with ",[370,1083,1084],{},"local:",", which v3 requires. See\n",[481,1087,163],{"href":1088},"\u002Fen\u002Fguides\u002Ficons#resolution",[949,1090,1091,1092,1095,1096,1098,1099,491],{},"Import validated controls from ",[370,1093,1094],{},"bitboss-ui\u002Fvalidated"," instead of flipping\n",[370,1097,1010],{}," — see ",[481,1100,159],{"href":122},[359,1102,1103,1104,1106],{},"Then work through ",[481,1105,133],{"href":116},", because a project on\nthat module is on v2 of the library as well.",[1108,1109,1110],"style",{},"html pre.shiki code .sLBg1, html code.shiki .sLBg1{--shiki-default:#66707B;--shiki-dark:#BDC4CC}html pre.shiki code .sHUrx, html code.shiki .sHUrx{--shiki-default:#A0111F;--shiki-dark:#FF9492}html pre.shiki code .sKwhi, html code.shiki .sKwhi{--shiki-default:#622CBC;--shiki-dark:#DBB7FF}html pre.shiki code .soyes, html code.shiki .soyes{--shiki-default:#702C00;--shiki-dark:#FFB757}html pre.shiki code .suds8, html code.shiki .suds8{--shiki-default:#0E1116;--shiki-dark:#F0F3F6}html pre.shiki code .sT6z2, html code.shiki .sT6z2{--shiki-default:#032563;--shiki-dark:#ADDCFF}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":368,"searchDepth":157,"depth":157,"links":1112},[1113,1114,1115,1116,1117,1118],{"id":458,"depth":135,"text":461},{"id":508,"depth":135,"text":511},{"id":768,"depth":135,"text":771},{"id":881,"depth":135,"text":884},{"id":923,"depth":135,"text":926},{"id":994,"depth":135,"text":997},"Configure the built-in Nuxt module, icons, variants, SSR, and migration from the legacy Nuxt package.","md",{},true,[1124,1125,1126,1127,1128,1129],{"id":458,"title":461},{"id":508,"title":511},{"id":768,"title":771},{"id":881,"title":884},{"id":923,"title":926},{"id":994,"title":997},{"title":173,"description":1119},"guides\u002Fnuxt","3U4e7Ik1BoegH6w9hCOPeZ_iNiDmwXYIqY7BgE1lZpI",1790005168640]