[{"data":1,"prerenderedAt":1500},["ShallowReactive",2],{"locale-alternates":3,"docs-nav-en":124,"api-none":352,"page-en-\u002Fguides\u002Fcoherence":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":155,"body":355,"component":352,"description":1486,"extension":1487,"group":146,"meta":1488,"navigation":861,"order":157,"path":156,"sections":1489,"seo":1497,"stem":1498,"__hash__":1499},"docs_en\u002Fguides\u002Fcoherence.md",{"type":356,"value":357,"toc":1477},"minimark",[358,362,365,375,383,396,444,447,453,456,509,518,524,600,617,623,630,657,660,673,679,712,718,733,736,743,762,765,779,785,788,1381,1400,1406,1422,1429,1432,1464,1473],[359,360,361],"p",{},"Region constrains city. The user picks a region, the city options reload, and the\ncity they had chosen is no longer in the list. Something has to notice.",[359,363,364],{},"That something is not a watcher you write. It is two props, and this page is\nabout what they guarantee and where they stop.",[359,366,367,368,371,372,374],{},"Read ",[369,370,149],"a",{"href":120}," for value identity:\ncoherence matches by the same hash. Read\n",[369,373,152],{"href":108}," for the provider signatures these\nflows call.",[376,377,379],"h2",{"id":378},"meaning",[380,381,382],"span",{},"What coherence means",[359,384,385,386,390,391,395],{},"A component is ",[387,388,389],"strong",{},"coherent"," when every entry in ",[392,393,394],"code",{},"modelValue"," resolves to an\noption the user could see and pick:",[397,398,399,407,426],"ul",{},[400,401,402,403,406],"li",{},"with an ",[392,404,405],{},"items"," array, every model entry hash-matches an item's value;",[400,408,402,409,411,412,416,417,421,422,425],{},[392,410,405],{}," function, every model entry hash-matches an item some fetch\nhas returned. On ",[369,413,414],{"href":66},[392,415,239],{}," and\n",[369,418,419],{"href":68},[392,420,242],{},", options kept by ",[392,423,424],{},"stash","\ncount too;",[400,427,428,431,432,435,436,439,440,443],{},[387,429,430],{},"an empty selection is always coherent",": ",[392,433,434],{},"[]"," in multiple mode,\n",[392,437,438],{},"null"," or ",[392,441,442],{},"undefined"," in single mode.",[359,445,446],{},"That last line is not a footnote. Half the behaviour on this page follows from\nit.",[376,448,450],{"id":449},"props",[380,451,452],{},"The three props",[359,454,455],{},"Declare it; do not hand-roll it.",[457,458,459,472],"table",{},[460,461,462],"thead",{},[463,464,465,469],"tr",{},[466,467,468],"th",{},"Prop",[466,470,471],{},"What it does",[473,474,475,486,499],"tbody",{},[463,476,477,483],{},[478,479,480],"td",{},[392,481,482],{},"dependencies",[478,484,485],{},"Reactive values that re-run the items provider when they change",[463,487,488,493],{},[478,489,490],{},[392,491,492],{},"deps-debounce-time",[478,494,495,496],{},"Debounce for those reloads. Defaults to ",[392,497,498],{},"0",[463,500,501,506],{},[478,502,503],{},[392,504,505],{},"enforce-coherence",[478,507,508],{},"After a reload, strip model entries that no longer resolve",[359,510,511,513,514,517],{},[392,512,482],{}," is compared by hashed value, not by reference. So\n",[392,515,516],{},":dependencies=\"[filters]\""," reloads when the content changes, not every time the\narray is rebuilt.",[376,519,521],{"id":520},"where",[380,522,523],{},"Where it exists",[457,525,526,541],{},[460,527,528],{},[463,529,530,533,537],{},[466,531,532],{},"Component",[466,534,535],{},[392,536,482],{},[466,538,539],{},[392,540,505],{},[473,542,543,558,572,589],{},[463,544,545,552,555],{},[478,546,547,549,550],{},[392,548,239],{}," \u002F ",[392,551,242],{},[478,553,554],{},"yes",[478,556,557],{},"yes — over a non-empty model it also forces the first load",[463,559,560,568,570],{},[478,561,562,549,564,549,566],{},[392,563,227],{},[392,565,233],{},[392,567,251],{},[478,569,554],{},[478,571,554],{},[463,573,574,579,582],{},[478,575,576,578],{},[392,577,269],{}," pipeline groups",[478,580,581],{},"per group, in the group config",[478,583,584,585,588],{},"per group as ",[392,586,587],{},"enforceCoherence",", or the dropdown-level prop as the default",[463,590,591,595,597],{},[478,592,593],{},[392,594,338],{},[478,596,554],{},[478,598,599],{},"yes — prunes every row-keyed model after each load",[601,602,603],"warning",{},[359,604,605,606,608,609,613,614,616],{},"Never combine ",[392,607,505],{}," on ",[369,610,611],{"href":80},[392,612,338],{}," with\npagination fed through ",[392,615,482],{},". Every page turn is a refetch, so\ncross-page selections and the select-all pattern get pruned away. Reconcile\ninside the items provider instead. It is called with the current selection,\nwhich is exactly where the new rows are known.",[376,618,620],{"id":619},"emits",[380,621,622],{},"What enforcement emits",[359,624,625,626,629],{},"When enforcement runs and finds the model incoherent, the component emits\n",[392,627,628],{},"update:modelValue"," with the coherent remainder:",[397,631,632,638,647],{},[400,633,634,637],{},[387,635,636],{},"multiple:"," the filtered array. Coherent entries survive.",[400,639,640,643,644,646],{},[387,641,642],{},"single:"," ",[392,645,438],{},". An empty selection is the only coherent fallback.",[400,648,649,652,653,656],{},[387,650,651],{},"dropdown groups:"," selection keys that no longer map to a loaded option are\ndropped. They surface through the companion's ",[392,654,655],{},"v-model",".",[359,658,659],{},"Pruning never runs against an empty or still-loading item set, so a slow fetch\ncannot wipe a valid selection.",[359,661,662,663,665,666,669,670,672],{},"Single-mode enforcement resolves to ",[392,664,438],{},". Seed single models as\n",[392,667,668],{},"ref\u003CT | null>(null)"," and treat ",[392,671,438],{}," as the \"nothing valid\" state in your\nsubmit logic.",[376,674,676],{"id":675},"flows",[380,677,678],{},"When reconciliation runs",[397,680,681,694,706],{},[400,682,683,690,691,693],{},[387,684,685,439,687,689],{},[392,686,482],{},[392,688,405],{}," change:"," re-run the provider, debounced by\n",[392,692,492],{},", then enforce.",[400,695,696,701,702,705],{},[387,697,698,700],{},[392,699,394],{}," changes from outside:"," on selects and groups, an incoherent\nnew value re-runs the provider defensively, debounced by\n",[392,703,704],{},"model-value-debounce-time",", then enforces. A coherent update fetches nothing.",[400,707,708,711],{},[387,709,710],{},"First load:"," the initial load is a load like any other. Enforcement runs on\nit, so a seeded-but-invalid model is pruned as soon as options exist.",[359,713,714,717],{},[387,715,716],{},"None of it runs before the component has loaded once."," That is the part that\nlooks like a bug and is not:",[397,719,720,727,730],{},[400,721,722,723,726],{},"an untouched ",[392,724,725],{},"prefill: 'interaction'"," select ignores dependency changes until\nthe first interaction;",[400,728,729],{},"group and table dependency watchers wait for the mount load;",[400,731,732],{},"a dropdown group nobody opened never fetches, and never prunes.",[359,734,735],{},"Do not \"fix\" the quiet period with eager watchers. Any first load ends it,\nincluding the user's first search.",[359,737,738,739,742],{},"Two things guarantee that first load with no ",[392,740,741],{},"prefill"," prop at all:",[397,744,745,754],{},[400,746,747,748,753],{},"an ",[387,749,750,751],{},"array ",[392,752,405],{},", because there is no request to defer;",[400,755,756,761],{},[387,757,758,760],{},[392,759,505],{}," over a non-empty model",", because validating a value\nwithout options is impossible.",[359,763,764],{},"An empty model stays lazy. Empty is always coherent, so there is nothing to\ncheck.",[359,766,767,769,770,774,775,778],{},[392,768,505],{}," opts each ",[771,772,773],"em",{},"instance"," into its own load. One field, one\nrequest; N provider-backed instances, N requests. With many instances (a popover\nper table row), resolve the options ",[387,776,777],{},"once at page level"," and pass the same\narray down. Then N instances cost zero requests and every one resolves on mount.",[376,780,782],{"id":781},"pattern",[380,783,784],{},"Two tied fields",[359,786,787],{},"Region constrains city. Changing the region reloads the city options and clears a\ncity that no longer fits.",[789,790,795],"pre",{"className":791,"code":792,"language":793,"meta":794,"style":794},"language-vue shiki shiki-themes github-light-high-contrast github-dark-high-contrast","\u003Cscript setup lang=\"ts\">\nimport { ref } from 'vue';\nimport { BbSelect } from 'bitboss-ui';\n\nconst region = ref\u003Cstring | null>(null);\nconst city = ref\u003Cstring | null>(null);\n\nconst loadRegions = (): Promise\u003CRegion[]> => api.regions.list();\n\nconst loadCities = async (\n    query: string,\n    prefill: boolean,\n    modelValue: any \u002F\u002F follows the v-model: a single value here\n): Promise\u003CCity[]> => {\n    \u002F\u002F Component-initiated: resolve the current selection under the new region.\n    if (prefill) {\n        return api.cities.list({\n            regionId: region.value,\n            selectedIds: modelValue ? [modelValue] : [],\n        });\n    }\n    if (!query.trim()) return [];\n    return api.cities.search({ query, regionId: region.value });\n};\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n    \u003CBbSelect\n        v-model=\"region\"\n        label=\"Region\"\n        :items=\"loadRegions\"\n        item-text=\"name\"\n        item-value=\"id\"\n    \u002F>\n    \u003CBbSelect\n        v-model=\"city\"\n        label=\"City\"\n        :items=\"loadCities\"\n        :dependencies=\"[region]\"\n        :deps-debounce-time=\"150\"\n        enforce-coherence\n        item-text=\"name\"\n        item-value=\"id\"\n    \u002F>\n\u003C\u002Ftemplate>\n","vue","",[392,796,797,825,843,857,863,897,922,926,965,969,984,997,1010,1025,1047,1053,1062,1076,1082,1099,1105,1111,1137,1151,1157,1167,1172,1182,1191,1208,1219,1236,1247,1258,1264,1271,1285,1295,1311,1327,1343,1349,1358,1367,1372],{"__ignoreMap":794},[380,798,800,804,808,812,815,818,822],{"class":799,"line":131},"line",[380,801,803],{"class":802},"suds8","\u003C",[380,805,807],{"class":806},"sne4z","script",[380,809,811],{"class":810},"s-5SL"," setup",[380,813,814],{"class":810}," lang",[380,816,817],{"class":802},"=",[380,819,821],{"class":820},"sT6z2","\"ts\"",[380,823,824],{"class":802},">\n",[380,826,827,831,834,837,840],{"class":799,"line":135},[380,828,830],{"class":829},"sHUrx","import",[380,832,833],{"class":802}," { ref } ",[380,835,836],{"class":829},"from",[380,838,839],{"class":820}," 'vue'",[380,841,842],{"class":802},";\n",[380,844,845,847,850,852,855],{"class":799,"line":157},[380,846,830],{"class":829},[380,848,849],{"class":802}," { BbSelect } ",[380,851,836],{"class":829},[380,853,854],{"class":820}," 'bitboss-ui'",[380,856,842],{"class":802},[380,858,859],{"class":799,"line":161},[380,860,862],{"emptyLinePlaceholder":861},true,"\n",[380,864,865,868,871,874,878,880,883,886,889,892,894],{"class":799,"line":165},[380,866,867],{"class":829},"const",[380,869,870],{"class":810}," region",[380,872,873],{"class":829}," =",[380,875,877],{"class":876},"sKwhi"," ref",[380,879,803],{"class":802},[380,881,882],{"class":810},"string",[380,884,885],{"class":829}," |",[380,887,888],{"class":810}," null",[380,890,891],{"class":802},">(",[380,893,438],{"class":810},[380,895,896],{"class":802},");\n",[380,898,899,901,904,906,908,910,912,914,916,918,920],{"class":799,"line":199},[380,900,867],{"class":829},[380,902,903],{"class":810}," city",[380,905,873],{"class":829},[380,907,877],{"class":876},[380,909,803],{"class":802},[380,911,882],{"class":810},[380,913,885],{"class":829},[380,915,888],{"class":810},[380,917,891],{"class":802},[380,919,438],{"class":810},[380,921,896],{"class":802},[380,923,924],{"class":799,"line":203},[380,925,862],{"emptyLinePlaceholder":861},[380,927,928,930,933,935,938,941,945,947,950,953,956,959,962],{"class":799,"line":207},[380,929,867],{"class":829},[380,931,932],{"class":876}," loadRegions",[380,934,873],{"class":829},[380,936,937],{"class":802}," ()",[380,939,940],{"class":829},":",[380,942,944],{"class":943},"soyes"," Promise",[380,946,803],{"class":802},[380,948,949],{"class":943},"Region",[380,951,952],{"class":802},"[]> ",[380,954,955],{"class":829},"=>",[380,957,958],{"class":802}," api.regions.",[380,960,961],{"class":876},"list",[380,963,964],{"class":802},"();\n",[380,966,967],{"class":799,"line":211},[380,968,862],{"emptyLinePlaceholder":861},[380,970,971,973,976,978,981],{"class":799,"line":215},[380,972,867],{"class":829},[380,974,975],{"class":876}," loadCities",[380,977,873],{"class":829},[380,979,980],{"class":829}," async",[380,982,983],{"class":802}," (\n",[380,985,986,989,991,994],{"class":799,"line":219},[380,987,988],{"class":943},"    query",[380,990,940],{"class":829},[380,992,993],{"class":810}," string",[380,995,996],{"class":802},",\n",[380,998,1000,1003,1005,1008],{"class":799,"line":999},12,[380,1001,1002],{"class":943},"    prefill",[380,1004,940],{"class":829},[380,1006,1007],{"class":810}," boolean",[380,1009,996],{"class":802},[380,1011,1013,1016,1018,1021],{"class":799,"line":1012},13,[380,1014,1015],{"class":943},"    modelValue",[380,1017,940],{"class":829},[380,1019,1020],{"class":810}," any",[380,1022,1024],{"class":1023},"sLBg1"," \u002F\u002F follows the v-model: a single value here\n",[380,1026,1028,1031,1033,1035,1037,1040,1042,1044],{"class":799,"line":1027},14,[380,1029,1030],{"class":802},")",[380,1032,940],{"class":829},[380,1034,944],{"class":943},[380,1036,803],{"class":802},[380,1038,1039],{"class":943},"City",[380,1041,952],{"class":802},[380,1043,955],{"class":829},[380,1045,1046],{"class":802}," {\n",[380,1048,1050],{"class":799,"line":1049},15,[380,1051,1052],{"class":1023},"    \u002F\u002F Component-initiated: resolve the current selection under the new region.\n",[380,1054,1056,1059],{"class":799,"line":1055},16,[380,1057,1058],{"class":829},"    if",[380,1060,1061],{"class":802}," (prefill) {\n",[380,1063,1065,1068,1071,1073],{"class":799,"line":1064},17,[380,1066,1067],{"class":829},"        return",[380,1069,1070],{"class":802}," api.cities.",[380,1072,961],{"class":876},[380,1074,1075],{"class":802},"({\n",[380,1077,1079],{"class":799,"line":1078},18,[380,1080,1081],{"class":802},"            regionId: region.value,\n",[380,1083,1085,1088,1091,1094,1096],{"class":799,"line":1084},19,[380,1086,1087],{"class":802},"            selectedIds: modelValue ",[380,1089,1090],{"class":829},"?",[380,1092,1093],{"class":802}," [modelValue] ",[380,1095,940],{"class":829},[380,1097,1098],{"class":802}," [],\n",[380,1100,1102],{"class":799,"line":1101},20,[380,1103,1104],{"class":802},"        });\n",[380,1106,1108],{"class":799,"line":1107},21,[380,1109,1110],{"class":802},"    }\n",[380,1112,1114,1116,1119,1122,1125,1128,1131,1134],{"class":799,"line":1113},22,[380,1115,1058],{"class":829},[380,1117,1118],{"class":802}," (",[380,1120,1121],{"class":829},"!",[380,1123,1124],{"class":802},"query.",[380,1126,1127],{"class":876},"trim",[380,1129,1130],{"class":802},"()) ",[380,1132,1133],{"class":829},"return",[380,1135,1136],{"class":802}," [];\n",[380,1138,1140,1143,1145,1148],{"class":799,"line":1139},23,[380,1141,1142],{"class":829},"    return",[380,1144,1070],{"class":802},[380,1146,1147],{"class":876},"search",[380,1149,1150],{"class":802},"({ query, regionId: region.value });\n",[380,1152,1154],{"class":799,"line":1153},24,[380,1155,1156],{"class":802},"};\n",[380,1158,1160,1163,1165],{"class":799,"line":1159},25,[380,1161,1162],{"class":802},"\u003C\u002F",[380,1164,807],{"class":806},[380,1166,824],{"class":802},[380,1168,1170],{"class":799,"line":1169},26,[380,1171,862],{"emptyLinePlaceholder":861},[380,1173,1175,1177,1180],{"class":799,"line":1174},27,[380,1176,803],{"class":802},[380,1178,1179],{"class":806},"template",[380,1181,824],{"class":802},[380,1183,1185,1188],{"class":799,"line":1184},28,[380,1186,1187],{"class":802},"    \u003C",[380,1189,1190],{"class":806},"BbSelect\n",[380,1192,1194,1197,1199,1202,1205],{"class":799,"line":1193},29,[380,1195,1196],{"class":810},"        v-model",[380,1198,817],{"class":802},[380,1200,1201],{"class":802},"\"",[380,1203,1204],{"class":802},"region",[380,1206,1207],{"class":802},"\"\n",[380,1209,1211,1214,1216],{"class":799,"line":1210},30,[380,1212,1213],{"class":810},"        label",[380,1215,817],{"class":802},[380,1217,1218],{"class":820},"\"Region\"\n",[380,1220,1222,1225,1227,1229,1231,1234],{"class":799,"line":1221},31,[380,1223,1224],{"class":802},"        :",[380,1226,405],{"class":810},[380,1228,817],{"class":802},[380,1230,1201],{"class":802},[380,1232,1233],{"class":802},"loadRegions",[380,1235,1207],{"class":802},[380,1237,1239,1242,1244],{"class":799,"line":1238},32,[380,1240,1241],{"class":810},"        item-text",[380,1243,817],{"class":802},[380,1245,1246],{"class":820},"\"name\"\n",[380,1248,1250,1253,1255],{"class":799,"line":1249},33,[380,1251,1252],{"class":810},"        item-value",[380,1254,817],{"class":802},[380,1256,1257],{"class":820},"\"id\"\n",[380,1259,1261],{"class":799,"line":1260},34,[380,1262,1263],{"class":802},"    \u002F>\n",[380,1265,1267,1269],{"class":799,"line":1266},35,[380,1268,1187],{"class":802},[380,1270,1190],{"class":806},[380,1272,1274,1276,1278,1280,1283],{"class":799,"line":1273},36,[380,1275,1196],{"class":810},[380,1277,817],{"class":802},[380,1279,1201],{"class":802},[380,1281,1282],{"class":802},"city",[380,1284,1207],{"class":802},[380,1286,1288,1290,1292],{"class":799,"line":1287},37,[380,1289,1213],{"class":810},[380,1291,817],{"class":802},[380,1293,1294],{"class":820},"\"City\"\n",[380,1296,1298,1300,1302,1304,1306,1309],{"class":799,"line":1297},38,[380,1299,1224],{"class":802},[380,1301,405],{"class":810},[380,1303,817],{"class":802},[380,1305,1201],{"class":802},[380,1307,1308],{"class":802},"loadCities",[380,1310,1207],{"class":802},[380,1312,1314,1316,1318,1320,1322,1325],{"class":799,"line":1313},39,[380,1315,1224],{"class":802},[380,1317,482],{"class":810},[380,1319,817],{"class":802},[380,1321,1201],{"class":802},[380,1323,1324],{"class":802},"[region]",[380,1326,1207],{"class":802},[380,1328,1330,1332,1334,1336,1338,1341],{"class":799,"line":1329},40,[380,1331,1224],{"class":802},[380,1333,492],{"class":810},[380,1335,817],{"class":802},[380,1337,1201],{"class":802},[380,1339,1340],{"class":810},"150",[380,1342,1207],{"class":802},[380,1344,1346],{"class":799,"line":1345},41,[380,1347,1348],{"class":810},"        enforce-coherence\n",[380,1350,1352,1354,1356],{"class":799,"line":1351},42,[380,1353,1241],{"class":810},[380,1355,817],{"class":802},[380,1357,1246],{"class":820},[380,1359,1361,1363,1365],{"class":799,"line":1360},43,[380,1362,1252],{"class":810},[380,1364,817],{"class":802},[380,1366,1257],{"class":820},[380,1368,1370],{"class":799,"line":1369},44,[380,1371,1263],{"class":802},[380,1373,1375,1377,1379],{"class":799,"line":1374},45,[380,1376,1162],{"class":802},[380,1378,1179],{"class":806},[380,1380,824],{"class":802},[359,1382,1383,1384,1386,1387,1390,1391,1393,1394,1396,1397,1399],{},"A region change re-runs ",[392,1385,1308],{}," with ",[392,1388,1389],{},"prefill = true",". The merged result is\nwhat came back plus what ",[392,1392,424],{}," kept. If the selected city is not in it, ",[392,1395,1282],{},"\nresets to ",[392,1398,438],{},"; a still-valid city survives untouched. In multiple mode the\nsame flow filters the array instead.",[376,1401,1403],{"id":1402},"manual",[380,1404,1405],{},"When a watcher is right",[359,1407,1408,1409,1411,1412,1414,1415,1418,1419,1421],{},"Only for rules the ",[392,1410,405],{}," and ",[392,1413,482],{}," contract cannot express:\ncross-component business constraints, server-side revalidation. Keep such a\nwatcher ",[387,1416,1417],{},"additive",": an extra rule on top of ",[392,1420,505],{},", never a\nreplacement.",[359,1423,1424,1425,1428],{},"What it must not be is a blind reset. ",[392,1426,1427],{},"city.value = null"," on every upstream\nchange discards selections the reload would have preserved. That is the exact\nwork the prop exists to avoid.",[359,1430,1431],{},"Three more shapes that look reasonable and are not:",[397,1433,1434,1443,1455],{},[400,1435,1436,1439,1440,1442],{},[387,1437,1438],{},"Duplicating built-in cleanup across tied components",", or turning\n",[392,1441,505],{}," off and replicating it by hand.",[400,1444,1445,1451,1452,1454],{},[387,1446,1447,1448,1450],{},"Binding many ",[392,1449,242],{}," instances to one shared ref."," Each judges\nthe same value against its own options, and every instance that disagrees\nemits ",[392,1453,438],{},". The user's pick is overwritten by its neighbours. Give every row\nits own model.",[400,1456,1457,1463],{},[387,1458,1459,1460,1462],{},"Hand-rolling ",[392,1461,338],{}," selection pruning after a refetch."," The table ships\nthe prop. Reserve provider-side reconciliation for the paginated case, where\nthe prop has to stay off.",[359,1465,1466,1467,1469,1470,1472],{},"Use the smallest flow that fits: ",[392,1468,482],{}," to refetch, then\n",[392,1471,505],{}," to prune. Move reconciliation into the provider only for\npaginated tables or a business rule that cannot be expressed as option\nmembership.",[1474,1475,1476],"style",{},"html pre.shiki code .suds8, html code.shiki .suds8{--shiki-default:#0E1116;--shiki-dark:#F0F3F6}html pre.shiki code .sne4z, html code.shiki .sne4z{--shiki-default:#024C1A;--shiki-dark:#72F088}html pre.shiki code .s-5SL, html code.shiki .s-5SL{--shiki-default:#023B95;--shiki-dark:#91CBFF}html pre.shiki code .sT6z2, html code.shiki .sT6z2{--shiki-default:#032563;--shiki-dark:#ADDCFF}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 .sLBg1, html code.shiki .sLBg1{--shiki-default:#66707B;--shiki-dark:#BDC4CC}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":794,"searchDepth":157,"depth":157,"links":1478},[1479,1480,1481,1482,1483,1484,1485],{"id":378,"depth":135,"text":382},{"id":449,"depth":135,"text":452},{"id":520,"depth":135,"text":523},{"id":619,"depth":135,"text":622},{"id":675,"depth":135,"text":678},{"id":781,"depth":135,"text":784},{"id":1402,"depth":135,"text":1405},"Keep a bound value valid when the options underneath it change, without writing a watcher.","md",{},[1490,1491,1492,1493,1494,1495,1496],{"id":378,"title":382},{"id":449,"title":452},{"id":520,"title":523},{"id":619,"title":622},{"id":675,"title":678},{"id":781,"title":784},{"id":1402,"title":1405},{"title":155,"description":1486},"guides\u002Fcoherence","i5vzSGaARs5jy7hhUyJA8ldbQV-oQNDlD5Jindf-iyM",1790005167800]