[{"data":1,"prerenderedAt":2699},["ShallowReactive",2],{"navigation_docs":3,"-modules-interface-widget":587,"-modules-interface-widget-surround":2694},[4,50,155,441,504],{"title":5,"icon":6,"path":7,"stem":8,"children":9,"page":49},"Get Started","i-lucide-rocket","\u002Fget-started","1.get-started",[10,15,20,25,30,35,40,45],{"title":11,"path":12,"stem":13,"icon":14},"Introduction","\u002Fget-started\u002Fintroduction","1.get-started\u002F1.introduction","i-lucide-house",{"title":16,"path":17,"stem":18,"icon":19},"Installation","\u002Fget-started\u002Finstallation","1.get-started\u002F2.installation","i-lucide-download",{"title":21,"path":22,"stem":23,"icon":24},"Project structure","\u002Fget-started\u002Fproject-structure","1.get-started\u002F3.project-structure","i-lucide-folder-tree",{"title":26,"path":27,"stem":28,"icon":29},"Configuration","\u002Fget-started\u002Fconfiguration","1.get-started\u002F4.configuration","i-lucide-settings",{"title":31,"path":32,"stem":33,"icon":34},"Authentication","\u002Fget-started\u002Fauthentication","1.get-started\u002F5.authentication","i-lucide-lock",{"title":36,"path":37,"stem":38,"icon":39},"Adding modules","\u002Fget-started\u002Fadding-modules","1.get-started\u002F6.adding-modules","i-lucide-puzzle",{"title":41,"path":42,"stem":43,"icon":44},"Database","\u002Fget-started\u002Fdatabase","1.get-started\u002F7.database","i-lucide-database",{"title":46,"path":47,"stem":48,"icon":6},"Deployment","\u002Fget-started\u002Fdeployment","1.get-started\u002F8.deployment",false,{"title":51,"icon":52,"path":53,"stem":54,"children":55,"page":49},"Guide","i-lucide-book-open","\u002Fguide","2.guide",[56,90,115,125],{"title":57,"icon":49,"path":58,"stem":59,"children":60,"page":49},"Concepts","\u002Fguide\u002Fconcepts","2.guide\u002F1.concepts",[61,66,71,76,80,85],{"title":62,"path":63,"stem":64,"icon":65},"Architecture","\u002Fguide\u002Fconcepts\u002Farchitecture","2.guide\u002F1.concepts\u002F1.architecture","i-lucide-blocks",{"title":67,"path":68,"stem":69,"icon":70},"Access control","\u002Fguide\u002Fconcepts\u002Fauth-and-scopes","2.guide\u002F1.concepts\u002F2.auth-and-scopes","i-lucide-shield-check",{"title":72,"path":73,"stem":74,"icon":75},"Extension points","\u002Fguide\u002Fconcepts\u002Fextension-points","2.guide\u002F1.concepts\u002F3.extension-points","i-lucide-plug",{"title":77,"path":78,"stem":79,"icon":44},"Database extensions","\u002Fguide\u002Fconcepts\u002Fdatabase-extensions","2.guide\u002F1.concepts\u002F4.database-extensions",{"title":81,"path":82,"stem":83,"icon":84},"Identity","\u002Fguide\u002Fconcepts\u002Fidentity","2.guide\u002F1.concepts\u002F5.identity","i-lucide-fingerprint",{"title":86,"path":87,"stem":88,"icon":89},"Glossary","\u002Fguide\u002Fconcepts\u002Fglossary","2.guide\u002F1.concepts\u002F6.glossary","i-lucide-book-a",{"title":91,"icon":49,"path":92,"stem":93,"children":94,"page":49},"UX patterns","\u002Fguide\u002Fux-patterns","2.guide\u002F2.ux-patterns",[95,100,105,110],{"title":96,"path":97,"stem":98,"icon":99},"Layouts and navigation","\u002Fguide\u002Fux-patterns\u002Flayouts-and-navigation","2.guide\u002F2.ux-patterns\u002F1.layouts-and-navigation","i-lucide-layout-template",{"title":101,"path":102,"stem":103,"icon":104},"Pages","\u002Fguide\u002Fux-patterns\u002Fpages","2.guide\u002F2.ux-patterns\u002F2.pages","i-lucide-table",{"title":106,"path":107,"stem":108,"icon":109},"Forms and actions","\u002Fguide\u002Fux-patterns\u002Fforms-and-actions","2.guide\u002F2.ux-patterns\u002F3.forms-and-actions","i-lucide-square-pen",{"title":111,"path":112,"stem":113,"icon":114},"Text and formatting","\u002Fguide\u002Fux-patterns\u002Ftext-and-formatting","2.guide\u002F2.ux-patterns\u002F4.text-and-formatting","i-lucide-type",{"title":116,"icon":49,"path":117,"stem":118,"children":119,"page":49},"Best practices","\u002Fguide\u002Fbest-practices","2.guide\u002F3.best-practices",[120],{"title":121,"path":122,"stem":123,"icon":124},"HTTP routes","\u002Fguide\u002Fbest-practices\u002Fhttp-routes","2.guide\u002F3.best-practices\u002F1.http-routes","i-lucide-route",{"title":126,"icon":49,"path":127,"stem":128,"children":129,"page":49},"Going further","\u002Fguide\u002Fgoing-further","2.guide\u002F4.going-further",[130,135,140,145,150],{"title":131,"path":132,"stem":133,"icon":134},"Use your own OAuth server","\u002Fguide\u002Fgoing-further\u002Fown-oauth-server","2.guide\u002F4.going-further\u002F1.own-oauth-server","i-lucide-key-round",{"title":136,"path":137,"stem":138,"icon":139},"Create an OAuth application","\u002Fguide\u002Fgoing-further\u002Foauth-application","2.guide\u002F4.going-further\u002F2.oauth-application","i-lucide-app-window",{"title":141,"path":142,"stem":143,"icon":144},"Signing keys","\u002Fguide\u002Fgoing-further\u002Fsigning-keys","2.guide\u002F4.going-further\u002F3.signing-keys","i-lucide-key-square",{"title":146,"path":147,"stem":148,"icon":149},"Stripe setup","\u002Fguide\u002Fgoing-further\u002Fstripe-setup","2.guide\u002F4.going-further\u002F4.stripe-setup","i-lucide-credit-card",{"title":151,"path":152,"stem":153,"icon":154},"Migrate to the permission model","\u002Fguide\u002Fgoing-further\u002Fmigrate-access-control","2.guide\u002F4.going-further\u002F5.migrate-access-control","i-lucide-arrow-right-left",{"title":156,"icon":157,"path":158,"stem":159,"children":160},"Modules","i-lucide-boxes","\u002Fmodules","3.modules",[161,163,244,273,320,375],{"title":156,"path":158,"stem":162},"3.modules\u002Findex",{"title":81,"icon":49,"path":164,"stem":165,"children":166,"page":49},"\u002Fmodules\u002Fidentity","3.modules\u002F1.identity",[167,190,194,198,220,224,240],{"title":168,"path":169,"stem":170,"children":171},"Auth","\u002Fmodules\u002Fidentity\u002Fauth","3.modules\u002F1.identity\u002F1.auth\u002Findex",[172,174,178,182,186],{"title":173,"path":169,"stem":170},"Overview",{"title":175,"path":176,"stem":177},"Server API","\u002Fmodules\u002Fidentity\u002Fauth\u002Fserver","3.modules\u002F1.identity\u002F1.auth\u002F2.server",{"title":179,"path":180,"stem":181},"Reference","\u002Fmodules\u002Fidentity\u002Fauth\u002Freference","3.modules\u002F1.identity\u002F1.auth\u002F3.reference",{"title":183,"path":184,"stem":185},"Client mode","\u002Fmodules\u002Fidentity\u002Fauth\u002Fclient-mode","3.modules\u002F1.identity\u002F1.auth\u002F4.client-mode",{"title":187,"path":188,"stem":189},"OAuth providers","\u002Fmodules\u002Fidentity\u002Fauth\u002Foauth-providers","3.modules\u002F1.identity\u002F1.auth\u002F5.oauth-providers",{"title":191,"path":192,"stem":193},"Users","\u002Fmodules\u002Fidentity\u002Fusers","3.modules\u002F1.identity\u002F2.users",{"title":195,"path":196,"stem":197},"Account","\u002Fmodules\u002Fidentity\u002Faccount","3.modules\u002F1.identity\u002F3.account",{"title":199,"path":200,"stem":201,"children":202},"Authorization","\u002Fmodules\u002Fidentity\u002Fauthorization","3.modules\u002F1.identity\u002F4.authorization\u002Findex",[203,204,208,212,216],{"title":173,"path":200,"stem":201},{"title":205,"path":206,"stem":207},"Roles and requirements","\u002Fmodules\u002Fidentity\u002Fauthorization\u002Froles-and-requirements","3.modules\u002F1.identity\u002F4.authorization\u002F2.roles-and-requirements",{"title":209,"path":210,"stem":211},"Policies","\u002Fmodules\u002Fidentity\u002Fauthorization\u002Fpolicies","3.modules\u002F1.identity\u002F4.authorization\u002F3.policies",{"title":213,"path":214,"stem":215},"Client","\u002Fmodules\u002Fidentity\u002Fauthorization\u002Fclient","3.modules\u002F1.identity\u002F4.authorization\u002F4.client",{"title":217,"path":218,"stem":219},"Admin","\u002Fmodules\u002Fidentity\u002Fauthorization\u002Fadmin","3.modules\u002F1.identity\u002F4.authorization\u002F5.admin",{"title":221,"path":222,"stem":223},"Preferences","\u002Fmodules\u002Fidentity\u002Fpreferences","3.modules\u002F1.identity\u002F5.preferences",{"title":225,"path":226,"stem":227,"children":228},"OAuth Server","\u002Fmodules\u002Fidentity\u002Foauth-server","3.modules\u002F1.identity\u002F6.oauth-server\u002Findex",[229,230,233,237],{"title":173,"path":226,"stem":227},{"title":175,"path":231,"stem":232},"\u002Fmodules\u002Fidentity\u002Foauth-server\u002Fserver","3.modules\u002F1.identity\u002F6.oauth-server\u002F2.server",{"title":234,"path":235,"stem":236},"Hooks","\u002Fmodules\u002Fidentity\u002Foauth-server\u002Fhooks","3.modules\u002F1.identity\u002F6.oauth-server\u002F3.hooks",{"title":179,"path":238,"stem":239},"\u002Fmodules\u002Fidentity\u002Foauth-server\u002Froutes-and-clients","3.modules\u002F1.identity\u002F6.oauth-server\u002F4.routes-and-clients",{"title":241,"path":242,"stem":243},"OAuth Resource","\u002Fmodules\u002Fidentity\u002Foauth-resource","3.modules\u002F1.identity\u002F8.oauth-resource",{"title":245,"icon":49,"path":246,"stem":247,"children":248,"page":49},"Commerce","\u002Fmodules\u002Fcommerce","3.modules\u002F2.commerce",[249,253,257],{"title":250,"path":251,"stem":252},"Stripe","\u002Fmodules\u002Fcommerce\u002Fstripe","3.modules\u002F2.commerce\u002F1.stripe",{"title":254,"path":255,"stem":256},"Payments","\u002Fmodules\u002Fcommerce\u002Fpayments","3.modules\u002F2.commerce\u002F2.payments",{"title":258,"path":259,"stem":260,"children":261},"Subscriptions","\u002Fmodules\u002Fcommerce\u002Fsubscriptions","3.modules\u002F2.commerce\u002F3.subscriptions\u002Findex",[262,263,266,270],{"title":173,"path":259,"stem":260},{"title":175,"path":264,"stem":265},"\u002Fmodules\u002Fcommerce\u002Fsubscriptions\u002Fserver","3.modules\u002F2.commerce\u002F3.subscriptions\u002F2.server",{"title":267,"path":268,"stem":269},"App","\u002Fmodules\u002Fcommerce\u002Fsubscriptions\u002Fapp","3.modules\u002F2.commerce\u002F3.subscriptions\u002F3.app",{"title":179,"path":271,"stem":272},"\u002Fmodules\u002Fcommerce\u002Fsubscriptions\u002Freference","3.modules\u002F2.commerce\u002F3.subscriptions\u002F4.reference",{"title":274,"icon":49,"path":275,"stem":276,"children":277,"page":49},"Features","\u002Fmodules\u002Ffeatures","3.modules\u002F3.features",[278,293,312,316],{"title":279,"path":280,"stem":281,"children":282},"Events","\u002Fmodules\u002Ffeatures\u002Fevents","3.modules\u002F3.features\u002F1.events\u002Findex",[283,284,287,290],{"title":173,"path":280,"stem":281},{"title":175,"path":285,"stem":286},"\u002Fmodules\u002Ffeatures\u002Fevents\u002Fserver","3.modules\u002F3.features\u002F1.events\u002F2.server",{"title":267,"path":288,"stem":289},"\u002Fmodules\u002Ffeatures\u002Fevents\u002Fapp","3.modules\u002F3.features\u002F1.events\u002F3.app",{"title":179,"path":291,"stem":292},"\u002Fmodules\u002Ffeatures\u002Fevents\u002Freference","3.modules\u002F3.features\u002F1.events\u002F4.reference",{"title":294,"path":295,"stem":296,"children":297},"Forms","\u002Fmodules\u002Ffeatures\u002Fforms","3.modules\u002F3.features\u002F2.forms\u002Findex",[298,299,303,306,309],{"title":173,"path":295,"stem":296},{"title":300,"path":301,"stem":302},"Definition","\u002Fmodules\u002Ffeatures\u002Fforms\u002Fdefinition","3.modules\u002F3.features\u002F2.forms\u002F2.definition",{"title":175,"path":304,"stem":305},"\u002Fmodules\u002Ffeatures\u002Fforms\u002Fserver","3.modules\u002F3.features\u002F2.forms\u002F3.server",{"title":267,"path":307,"stem":308},"\u002Fmodules\u002Ffeatures\u002Fforms\u002Fapp","3.modules\u002F3.features\u002F2.forms\u002F4.app",{"title":179,"path":310,"stem":311},"\u002Fmodules\u002Ffeatures\u002Fforms\u002Freference","3.modules\u002F3.features\u002F2.forms\u002F5.reference",{"title":313,"path":314,"stem":315},"Cookie Consent","\u002Fmodules\u002Ffeatures\u002Fcookie-consent","3.modules\u002F3.features\u002F3.cookie-consent",{"title":317,"path":318,"stem":319},"MCP","\u002Fmodules\u002Ffeatures\u002Fmcp","3.modules\u002F3.features\u002F4.mcp",{"title":321,"icon":49,"path":322,"stem":323,"children":324,"page":49},"Interface","\u002Fmodules\u002Finterface","3.modules\u002F4.interface",[325,350,353,357,361],{"title":326,"path":327,"stem":328,"children":329},"UI","\u002Fmodules\u002Finterface\u002Fui","3.modules\u002F4.interface\u002F1.ui\u002Findex",[330,331,335,339,343,347],{"title":173,"path":327,"stem":328},{"title":332,"path":333,"stem":334},"Page components","\u002Fmodules\u002Finterface\u002Fui\u002Fpage-components","3.modules\u002F4.interface\u002F1.ui\u002F2.page-components",{"title":336,"path":337,"stem":338},"App shell","\u002Fmodules\u002Finterface\u002Fui\u002Fapp-shell","3.modules\u002F4.interface\u002F1.ui\u002F3.app-shell",{"title":340,"path":341,"stem":342},"Form inputs","\u002Fmodules\u002Finterface\u002Fui\u002Fform-inputs","3.modules\u002F4.interface\u002F1.ui\u002F4.form-inputs",{"title":344,"path":345,"stem":346},"Composables and helpers","\u002Fmodules\u002Finterface\u002Fui\u002Fcomposables","3.modules\u002F4.interface\u002F1.ui\u002F5.composables",{"title":179,"path":348,"stem":349},"\u002Fmodules\u002Finterface\u002Fui\u002Freference","3.modules\u002F4.interface\u002F1.ui\u002F6.reference",{"title":217,"path":351,"stem":352},"\u002Fmodules\u002Finterface\u002Fadmin","3.modules\u002F4.interface\u002F2.admin",{"title":354,"path":355,"stem":356},"Menu","\u002Fmodules\u002Finterface\u002Fmenu","3.modules\u002F4.interface\u002F3.menu",{"title":358,"path":359,"stem":360},"Widget","\u002Fmodules\u002Finterface\u002Fwidget","3.modules\u002F4.interface\u002F4.widget",{"title":362,"path":363,"stem":364,"children":365},"Mobile","\u002Fmodules\u002Finterface\u002Fmobile","3.modules\u002F4.interface\u002F5.mobile\u002Findex",[366,367,371],{"title":173,"path":363,"stem":364},{"title":368,"path":369,"stem":370},"CLI and devices","\u002Fmodules\u002Finterface\u002Fmobile\u002Fcli-and-devices","3.modules\u002F4.interface\u002F5.mobile\u002F2.cli-and-devices",{"title":372,"path":373,"stem":374},"Splash screen","\u002Fmodules\u002Finterface\u002Fmobile\u002Fsplash-screen","3.modules\u002F4.interface\u002F5.mobile\u002F3.splash-screen",{"title":376,"icon":49,"path":377,"stem":378,"children":379,"page":49},"Platform","\u002Fmodules\u002Fplatform","3.modules\u002F5.platform",[380,402,406,423],{"title":381,"path":382,"stem":383,"children":384},"Module Kit","\u002Fmodules\u002Fplatform\u002Fmodule-kit","3.modules\u002F5.platform\u002F1.module-kit\u002Findex",[385,386,390,394,398],{"title":173,"path":382,"stem":383},{"title":387,"path":388,"stem":389},"Server toolkit","\u002Fmodules\u002Fplatform\u002Fmodule-kit\u002Fserver-toolkit","3.modules\u002F5.platform\u002F1.module-kit\u002F2.server-toolkit",{"title":391,"path":392,"stem":393},"Registries and menus","\u002Fmodules\u002Fplatform\u002Fmodule-kit\u002Fregistries-and-menus","3.modules\u002F5.platform\u002F1.module-kit\u002F3.registries-and-menus",{"title":395,"path":396,"stem":397},"Translations","\u002Fmodules\u002Fplatform\u002Fmodule-kit\u002Fi18n","3.modules\u002F5.platform\u002F1.module-kit\u002F4.i18n",{"title":399,"path":400,"stem":401},"Database helpers","\u002Fmodules\u002Fplatform\u002Fmodule-kit\u002Fdatabase","3.modules\u002F5.platform\u002F1.module-kit\u002F5.database",{"title":403,"path":404,"stem":405},"Notify","\u002Fmodules\u002Fplatform\u002Fnotify","3.modules\u002F5.platform\u002F2.notify",{"title":407,"path":408,"stem":409,"children":410},"Email Templates","\u002Fmodules\u002Fplatform\u002Femail-templates","3.modules\u002F5.platform\u002F3.email-templates\u002Findex",[411,412,416,419],{"title":173,"path":408,"stem":409},{"title":413,"path":414,"stem":415},"Email components","\u002Fmodules\u002Fplatform\u002Femail-templates\u002Fcomponents","3.modules\u002F5.platform\u002F3.email-templates\u002F2.components",{"title":175,"path":417,"stem":418},"\u002Fmodules\u002Fplatform\u002Femail-templates\u002Fserver","3.modules\u002F5.platform\u002F3.email-templates\u002F3.server",{"title":420,"path":421,"stem":422},"Module emails","\u002Fmodules\u002Fplatform\u002Femail-templates\u002Fmodule-emails","3.modules\u002F5.platform\u002F3.email-templates\u002F4.module-emails",{"title":424,"path":425,"stem":426,"children":427},"Base Layer","\u002Fmodules\u002Fplatform\u002Fbase-layer","3.modules\u002F5.platform\u002F4.base-layer\u002Findex",[428,429,433,437],{"title":173,"path":425,"stem":426},{"title":430,"path":431,"stem":432},"Content collections","\u002Fmodules\u002Fplatform\u002Fbase-layer\u002Fcontent-collections","3.modules\u002F5.platform\u002F4.base-layer\u002F2.content-collections",{"title":434,"path":435,"stem":436},"Layouts and routing","\u002Fmodules\u002Fplatform\u002Fbase-layer\u002Flayouts-and-routing","3.modules\u002F5.platform\u002F4.base-layer\u002F3.layouts-and-routing",{"title":438,"path":439,"stem":440},"Composables and utils","\u002Fmodules\u002Fplatform\u002Fbase-layer\u002Fcomposables-and-utils","3.modules\u002F5.platform\u002F4.base-layer\u002F4.composables-and-utils",{"title":442,"icon":443,"path":444,"stem":445,"children":446,"page":49},"Examples","i-lucide-code-xml","\u002Fexamples","4.examples",[447,466,476],{"title":448,"icon":49,"path":449,"stem":450,"children":451,"page":49},"Starters","\u002Fexamples\u002Fstarters","4.examples\u002F1.starters",[452,456,461],{"title":453,"path":454,"stem":455,"icon":6},"Workspace starter","\u002Fexamples\u002Fstarters\u002Fworkspace","4.examples\u002F1.starters\u002F1.workspace",{"title":457,"path":458,"stem":459,"icon":460},"Mobile starter","\u002Fexamples\u002Fstarters\u002Fmobile","4.examples\u002F1.starters\u002F2.mobile","i-lucide-smartphone",{"title":462,"path":463,"stem":464,"icon":465},"Standalone mobile starter","\u002Fexamples\u002Fstarters\u002Fmobile-standalone","4.examples\u002F1.starters\u002F3.mobile-standalone","i-lucide-tablet-smartphone",{"title":467,"icon":49,"path":468,"stem":469,"children":470,"page":49},"Apps","\u002Fexamples\u002Fapps","4.examples\u002F2.apps",[471],{"title":472,"path":473,"stem":474,"icon":475},"Frigear website app","\u002Fexamples\u002Fapps\u002Ffrigear-nu-website","4.examples\u002F2.apps\u002F1.frigear-nu-website","i-lucide-layout-dashboard",{"title":477,"icon":49,"path":478,"stem":479,"children":480,"page":49},"Tasks","\u002Fexamples\u002Ftasks","4.examples\u002F3.tasks",[481,485,489,494,499],{"title":482,"path":483,"stem":484,"icon":70},"Protect a route","\u002Fexamples\u002Ftasks\u002Fprotect-a-route","4.examples\u002F3.tasks\u002F1.protect-a-route",{"title":486,"path":487,"stem":488,"icon":475},"Add an admin page","\u002Fexamples\u002Ftasks\u002Fadd-an-admin-page","4.examples\u002F3.tasks\u002F2.add-an-admin-page",{"title":490,"path":491,"stem":492,"icon":493},"Sell event tickets","\u002Fexamples\u002Ftasks\u002Fsell-event-tickets","4.examples\u002F3.tasks\u002F3.sell-event-tickets","i-lucide-ticket",{"title":495,"path":496,"stem":497,"icon":498},"Build a form","\u002Fexamples\u002Ftasks\u002Fbuild-a-form","4.examples\u002F3.tasks\u002F4.build-a-form","i-lucide-clipboard-list",{"title":500,"path":501,"stem":502,"icon":503},"Send an email","\u002Fexamples\u002Ftasks\u002Fsend-an-email","4.examples\u002F3.tasks\u002F5.send-an-email","i-lucide-mail",{"title":505,"icon":506,"path":507,"stem":508,"children":509,"page":49},"Contribute","i-lucide-git-pull-request","\u002Fcontribute","5.contribute",[510,513,518,544,549,552,556,571],{"title":173,"path":511,"stem":512,"icon":506},"\u002Fcontribute\u002Foverview","5.contribute\u002F1.overview",{"title":514,"path":515,"stem":516,"icon":517},"Local development","\u002Fcontribute\u002Flocal-development","5.contribute\u002F2.local-development","i-lucide-terminal",{"title":519,"icon":49,"path":520,"stem":521,"children":522,"page":49},"Writing a module","\u002Fcontribute\u002Fwriting-a-module","5.contribute\u002F3.writing-a-module",[523,527,532,536,541],{"title":524,"path":525,"stem":526,"icon":39},"Scaffold a module","\u002Fcontribute\u002Fwriting-a-module\u002Fscaffold","5.contribute\u002F3.writing-a-module\u002F1.scaffold",{"title":528,"path":529,"stem":530,"icon":531},"Setup checklist","\u002Fcontribute\u002Fwriting-a-module\u002Fsetup-checklist","5.contribute\u002F3.writing-a-module\u002F2.setup-checklist","i-lucide-list-checks",{"title":533,"path":534,"stem":535,"icon":44},"Database tables","\u002Fcontribute\u002Fwriting-a-module\u002Fdatabase-tables","5.contribute\u002F3.writing-a-module\u002F3.database-tables",{"title":537,"path":538,"stem":539,"icon":540},"Testing","\u002Fcontribute\u002Fwriting-a-module\u002Ftesting","5.contribute\u002F3.writing-a-module\u002F4.testing","i-lucide-flask-conical",{"title":67,"path":542,"stem":543,"icon":70},"\u002Fcontribute\u002Fwriting-a-module\u002Faccess-control","5.contribute\u002F3.writing-a-module\u002F5.access-control",{"title":545,"path":546,"stem":547,"icon":548},"Publishing","\u002Fcontribute\u002Fpublishing","5.contribute\u002F4.publishing","i-lucide-package-check",{"title":448,"path":550,"stem":551,"icon":6},"\u002Fcontribute\u002Fstarters","5.contribute\u002F5.starters",{"title":553,"path":554,"stem":555,"icon":52},"Documentation","\u002Fcontribute\u002Fdocumentation","5.contribute\u002F6.documentation",{"title":557,"icon":49,"path":558,"stem":559,"children":560,"page":49},"Tooling","\u002Fcontribute\u002Ftooling","5.contribute\u002F7.tooling",[561,566],{"title":562,"path":563,"stem":564,"icon":565},"CLI","\u002Fcontribute\u002Ftooling\u002Fcli","5.contribute\u002F7.tooling\u002F1.cli","i-lucide-square-terminal",{"title":567,"path":568,"stem":569,"icon":570},"ESLint config","\u002Fcontribute\u002Ftooling\u002Feslint-config","5.contribute\u002F7.tooling\u002F2.eslint-config","i-lucide-spell-check",{"title":572,"icon":49,"path":573,"stem":574,"children":575},"Decisions","\u002Fcontribute\u002Fdecisions","5.contribute\u002F8.decisions\u002Findex",[576,578,583],{"title":572,"path":573,"stem":574,"icon":577},"i-lucide-scale",{"title":579,"path":580,"stem":581,"icon":582},"Session lifetimes per OAuth client","\u002Fcontribute\u002Fdecisions\u002Foauth-token-lifetimes","5.contribute\u002F8.decisions\u002F1.oauth-token-lifetimes","i-lucide-timer",{"title":584,"path":585,"stem":586,"icon":70},"One permission model","\u002Fcontribute\u002Fdecisions\u002Fpermission-model","5.contribute\u002F8.decisions\u002F2.permission-model",{"id":588,"title":358,"body":589,"description":2688,"extension":2689,"links":2690,"meta":2691,"navigation":1263,"path":359,"seo":2692,"stem":360,"__hash__":2693},"docs\u002F3.modules\u002F4.interface\u002F4.widget.md",{"type":590,"value":591,"toc":2670},"minimark",[592,605,627,632,685,688,692,727,731,882,895,899,906,909,912,919,1000,1049,1060,1064,1078,1181,1185,1198,1628,1639,2129,2133,2141,2206,2210,2234,2317,2322,2488,2491,2499,2502,2507,2639,2643,2666],[593,594,595,596,604],"p",{},"Widget lets one module put a component on a page that another module owns. Subscriptions adds a membership card to\nthe account overview, and Events adds cards to the admin dashboard, without either page knowing them.\nUse it for dashboards and tabbed detail pages that other modules should fill. When only the page itself decides its\nsections, use ",[597,598,600],"a",{"href":599},"\u002Fmodules\u002Finterface\u002Fui\u002Fpage-components#page-frame",[601,602,603],"code",{},"PageTabs"," instead.",[593,606,607,608,611,612,615,616,619,620,622,623,626],{},"The package is ",[601,609,610],{},"@frigear-nu\u002Fwidget",". A page names a ",[597,613,614],{"href":87},"widget area",", such as ",[601,617,618],{},"admin.dashboard",",\nand draws whatever is registered for it. Modules register Vue components to that area at build time. Like\n",[597,621,354],{"href":355},", it is a ",[597,624,625],{"href":87},"registry",".",[628,629,631],"h2",{"id":630},"what-you-get","What you get",[633,634,635,651,671],"ul",{},[636,637,638,642,643,646,647,650],"li",{},[639,640,641],"strong",{},"Components"," (on by default): ",[601,644,645],{},"\u003CWidgetArea>"," draws an area's widgets in a grid, and ",[601,648,649],{},"\u003CWidgetTabs>"," draws its tabs.",[636,652,653,642,655,658,659,662,663,666,667,670],{},[639,654,344],{},[601,656,657],{},"useWidgets"," and ",[601,660,661],{},"useTabs"," read an area, and ",[601,664,665],{},"extendWidgets"," and\n",[601,668,669],{},"extendTabs"," add to one from a module.",[636,672,673,642,675,658,678,681,682,626],{},[639,674,234],{},[601,676,677],{},"widgets:filter",[601,679,680],{},"tabs:filter"," hide entries the current visitor should not see, by the\nentry's ",[601,683,684],{},"permission",[593,686,687],{},"A widget's component loads only when its area is drawn.",[689,690],"module-runtime",{":client":691},"true",[693,694,695,706,718],"note",{},[593,696,697,700,701,626],{},[639,698,699],{},"Installed for you:"," ",[597,702,703],{"href":382},[601,704,705],{},"@frigear-nu\u002Fmodule-kit",[593,707,708,711,712,714,715,626],{},[639,709,710],{},"You add:"," nothing else. ",[601,713,649],{}," draws its icons with Nuxt UI's ",[601,716,717],{},"UIcon",[593,719,720,700,723,726],{},[639,721,722],{},"Optional:",[601,724,725],{},"@nuxtjs\u002Fi18n",", to translate tab labels.",[628,728,730],{"id":729},"quick-setup","Quick setup",[732,733,734,739,764,768,832,836],"steps",{},[735,736,738],"h3",{"id":737},"install-widget","Install Widget",[740,741,746],"pre",{"className":742,"code":743,"language":744,"meta":745,"style":745},"language-bash shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","pnpm add @frigear-nu\u002Fwidget\n","bash","",[601,747,748],{"__ignoreMap":745},[749,750,753,757,761],"span",{"class":751,"line":752},"line",1,[749,754,756],{"class":755},"sBMFI","pnpm",[749,758,760],{"class":759},"sfazB"," add",[749,762,763],{"class":759}," @frigear-nu\u002Fwidget\n",[735,765,767],{"id":766},"add-it-to-nuxtconfigts","Add it to nuxt.config.ts",[740,769,774],{"className":770,"code":771,"filename":772,"language":773,"meta":745,"style":745},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","export default defineNuxtConfig({\n  modules: ['@frigear-nu\u002Fwidget'],\n})\n","nuxt.config.ts","ts",[601,775,776,797,823],{"__ignoreMap":745},[749,777,778,782,785,789,793],{"class":751,"line":752},[749,779,781],{"class":780},"s7zQu","export",[749,783,784],{"class":780}," default",[749,786,788],{"class":787},"s2Zo4"," defineNuxtConfig",[749,790,792],{"class":791},"sTEyZ","(",[749,794,796],{"class":795},"sMK4o","{\n",[749,798,800,804,807,810,813,815,817,820],{"class":751,"line":799},2,[749,801,803],{"class":802},"swJcz","  modules",[749,805,806],{"class":795},":",[749,808,809],{"class":791}," [",[749,811,812],{"class":795},"'",[749,814,610],{"class":759},[749,816,812],{"class":795},[749,818,819],{"class":791},"]",[749,821,822],{"class":795},",\n",[749,824,826,829],{"class":751,"line":825},3,[749,827,828],{"class":795},"}",[749,830,831],{"class":791},")\n",[735,833,835],{"id":834},"draw-an-area","Draw an area",[740,837,841],{"className":838,"code":839,"language":840,"meta":745,"style":745},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003CWidgetArea name=\"admin.dashboard\">\n  \u003Ctemplate #empty>Nothing to show yet.\u003C\u002Ftemplate>\n\u003C\u002FWidgetArea>\n","vue",[601,842,843,868,873],{"__ignoreMap":745},[749,844,845,848,851,855,858,861,863,865],{"class":751,"line":752},[749,846,847],{"class":795},"\u003C",[749,849,850],{"class":802},"WidgetArea",[749,852,854],{"class":853},"spNyl"," name",[749,856,857],{"class":795},"=",[749,859,860],{"class":795},"\"",[749,862,618],{"class":759},[749,864,860],{"class":795},[749,866,867],{"class":795},">\n",[749,869,870],{"class":751,"line":799},[749,871,872],{"class":791},"  \u003Ctemplate #empty>Nothing to show yet.\u003C\u002Ftemplate>\n",[749,874,875,878,880],{"class":751,"line":825},[749,876,877],{"class":795},"\u003C\u002F",[749,879,850],{"class":802},[749,881,867],{"class":795},[883,884,887,890,891,894],"callout",{"color":885,"icon":886},"success","i-lucide-check",[639,888,889],{},"What you should see:"," \"Nothing to show yet.\" until a module calls ",[601,892,893],{},"extendWidgets(nuxt, 'admin.dashboard', …)",".\nThen its component appears in the grid.",[628,896,898],{"id":897},"options","Options",[593,900,901,902,905],{},"The module has no options. The ",[601,903,904],{},"widgets"," config key only holds internal state.",[628,907,267],{"id":908},"app",[735,910,641],{"id":911},"components",[593,913,914,658,916,918],{},[601,915,645],{},[601,917,649],{}," draw an area on a page.",[920,921,922,941],"table",{},[923,924,925],"thead",{},[926,927,928,932,935,938],"tr",{},[929,930,931],"th",{},"Component",[929,933,934],{},"Props",[929,936,937],{},"Slots",[929,939,940],{},"Purpose",[942,943,944,978],"tbody",{},[926,945,946,951,963,975],{},[947,948,949],"td",{},[601,950,645],{},[947,952,953,956,957,956,960],{},[601,954,955],{},"name: string",", ",[601,958,959],{},"context?: Record\u003Cstring, unknown>",[601,961,962],{},"gridClass?: string",[947,964,965,956,968,971,972],{},[601,966,967],{},"empty",[601,969,970],{},"item"," with ",[601,973,974],{},"{ widget, component, context }",[947,976,977],{},"Draws every widget of the area in a responsive grid.",[926,979,980,984,990,994],{},[947,981,982],{},[601,983,649],{},[947,985,986,956,988],{},[601,987,955],{},[601,989,959],{},[947,991,992],{},[601,993,967],{},[947,995,996,997,626],{},"Draws the area's tabs, with the active tab's component below. Emits ",[601,998,999],{},"refresh",[633,1001,1002,1024,1035],{},[636,1003,1004,1009,1010,1013,1014,1017,1018,1020,1021,626],{},[639,1005,1006],{},[601,1007,1008],{},"context"," is what the page draws the area for, such as ",[601,1011,1012],{},"{ user }",". Each component receives its static ",[601,1015,1016],{},"props",",\nthen every entry of ",[601,1019,1008],{}," as a prop. The filter hooks get it as ",[601,1022,1023],{},"ctx.context",[636,1025,1026,1031,1032,1034],{},[639,1027,1028],{},[601,1029,1030],{},"gridClass"," replaces the grid classes of the wrapper. The ",[601,1033,970],{}," slot lays the widgets out yourself.",[636,1036,1037,1041,1042,1045,1046,1048],{},[639,1038,1039],{},[601,1040,649],{}," keeps the active tab in the ",[601,1043,1044],{},"?tab="," query parameter, without a navigation. It supports arrow keys,\nand passes a tab's ",[601,1047,999],{}," event on so the page can reload its data.",[593,1050,1051,1053,1054,1056,1057,626],{},[601,1052,649],{}," looks exactly like ",[601,1055,603],{},". When to use which is on ",[597,1058,101],{"href":1059},"\u002Fguide\u002Fux-patterns\u002Fpages#tabs",[735,1061,1063],{"id":1062},"composables","Composables",[593,1065,1066,658,1068,1070,1071,1074,1075,1077],{},[601,1067,657],{},[601,1069,661],{}," return an area's entries as plain data, ordered and filtered. They are auto-imported and\nreturn the shape of ",[601,1072,1073],{},"useAsyncData",". ",[601,1076,1008],{}," may be a ref or a getter.",[740,1079,1081],{"className":770,"code":1080,"language":773,"meta":745,"style":745},"useWidgets(area: string, context?: MaybeRefOrGetter\u003CRecord\u003Cstring, unknown> | undefined>): AsyncData\u003CWidgetMeta[]>\nuseTabs(area: string, context?: MaybeRefOrGetter\u003CRecord\u003Cstring, unknown> | undefined>): AsyncData\u003CTabMeta[]> \u002F\u002F labels already translated\n",[601,1082,1083,1136],{"__ignoreMap":745},[749,1084,1085,1087,1090,1093,1096,1099,1102,1104,1107,1109,1112,1114,1117,1120,1123,1126,1129,1131,1134],{"class":751,"line":752},[749,1086,657],{"class":787},[749,1088,1089],{"class":791},"(area: string",[749,1091,1092],{"class":795},",",[749,1094,1095],{"class":791}," context",[749,1097,1098],{"class":795},"?:",[749,1100,1101],{"class":791}," MaybeRefOrGetter",[749,1103,847],{"class":795},[749,1105,1106],{"class":791},"Record",[749,1108,847],{"class":795},[749,1110,1111],{"class":791},"string",[749,1113,1092],{"class":795},[749,1115,1116],{"class":791}," unknown",[749,1118,1119],{"class":795},">",[749,1121,1122],{"class":795}," |",[749,1124,1125],{"class":795}," undefined>",[749,1127,1128],{"class":791},"): AsyncData",[749,1130,847],{"class":795},[749,1132,1133],{"class":791},"WidgetMeta[]",[749,1135,867],{"class":795},[749,1137,1138,1140,1142,1144,1146,1148,1150,1152,1154,1156,1158,1160,1162,1164,1166,1168,1170,1172,1175,1177],{"class":751,"line":799},[749,1139,661],{"class":787},[749,1141,1089],{"class":791},[749,1143,1092],{"class":795},[749,1145,1095],{"class":791},[749,1147,1098],{"class":795},[749,1149,1101],{"class":791},[749,1151,847],{"class":795},[749,1153,1106],{"class":791},[749,1155,847],{"class":795},[749,1157,1111],{"class":791},[749,1159,1092],{"class":795},[749,1161,1116],{"class":791},[749,1163,1119],{"class":795},[749,1165,1122],{"class":795},[749,1167,1125],{"class":795},[749,1169,1128],{"class":791},[749,1171,847],{"class":795},[749,1173,1174],{"class":791},"TabMeta[]",[749,1176,1119],{"class":795},[749,1178,1180],{"class":1179},"sHwdD"," \u002F\u002F labels already translated\n",[735,1182,1184],{"id":1183},"add-widgets-and-tabs-from-a-module","Add widgets and tabs from a module",[593,1186,1187,1188,1190,1191,1193,1194,1197],{},"Call ",[601,1189,665],{}," or ",[601,1192,669],{}," in a module's ",[601,1195,1196],{},"setup()",". The order between modules does not matter.",[740,1199,1201],{"className":770,"code":1200,"language":773,"meta":745,"style":745},"import { createResolver, defineNuxtModule } from '@nuxt\u002Fkit'\nimport { extendWidgets, extendTabs } from '@frigear-nu\u002Fwidget\u002Futils'\n\nexport default defineNuxtModule({\n  setup(_options, nuxt) {\n    const resolver = createResolver(import.meta.url)\n\n    extendWidgets(nuxt, 'admin.dashboard', {\n      component: resolver.resolve('.\u002Fruntime\u002Fapp\u002Fwidgets\u002FNewMembers.vue'),\n      order: 10,\n      span: 2,\n      props: { days: 30 },\n      permission: 'admin:access',\n    })\n\n    extendTabs(nuxt, 'admin.users', {\n      id: 'payments',\n      component: resolver.resolve('.\u002Fruntime\u002Fapp\u002Ftabs\u002FPayments.vue'),\n      order: 20,\n      label: 'Payments',\n      labelKey: 'payments.admin.tab',\n      icon: 'i-lucide-credit-card',\n      permission: 'payments:manage',\n    })\n  },\n})\n",[601,1202,1203,1234,1259,1265,1278,1301,1331,1336,1359,1387,1401,1414,1435,1452,1460,1465,1488,1505,1531,1543,1559,1576,1592,1608,1615,1621],{"__ignoreMap":745},[749,1204,1205,1208,1211,1214,1216,1219,1222,1225,1228,1231],{"class":751,"line":752},[749,1206,1207],{"class":780},"import",[749,1209,1210],{"class":795}," {",[749,1212,1213],{"class":791}," createResolver",[749,1215,1092],{"class":795},[749,1217,1218],{"class":791}," defineNuxtModule",[749,1220,1221],{"class":795}," }",[749,1223,1224],{"class":780}," from",[749,1226,1227],{"class":795}," '",[749,1229,1230],{"class":759},"@nuxt\u002Fkit",[749,1232,1233],{"class":795},"'\n",[749,1235,1236,1238,1240,1243,1245,1248,1250,1252,1254,1257],{"class":751,"line":799},[749,1237,1207],{"class":780},[749,1239,1210],{"class":795},[749,1241,1242],{"class":791}," extendWidgets",[749,1244,1092],{"class":795},[749,1246,1247],{"class":791}," extendTabs",[749,1249,1221],{"class":795},[749,1251,1224],{"class":780},[749,1253,1227],{"class":795},[749,1255,1256],{"class":759},"@frigear-nu\u002Fwidget\u002Futils",[749,1258,1233],{"class":795},[749,1260,1261],{"class":751,"line":825},[749,1262,1264],{"emptyLinePlaceholder":1263},true,"\n",[749,1266,1268,1270,1272,1274,1276],{"class":751,"line":1267},4,[749,1269,781],{"class":780},[749,1271,784],{"class":780},[749,1273,1218],{"class":787},[749,1275,792],{"class":791},[749,1277,796],{"class":795},[749,1279,1281,1284,1286,1290,1292,1295,1298],{"class":751,"line":1280},5,[749,1282,1283],{"class":802},"  setup",[749,1285,792],{"class":795},[749,1287,1289],{"class":1288},"sHdIc","_options",[749,1291,1092],{"class":795},[749,1293,1294],{"class":1288}," nuxt",[749,1296,1297],{"class":795},")",[749,1299,1300],{"class":795}," {\n",[749,1302,1304,1307,1310,1313,1315,1317,1319,1321,1324,1326,1329],{"class":751,"line":1303},6,[749,1305,1306],{"class":853},"    const",[749,1308,1309],{"class":791}," resolver",[749,1311,1312],{"class":795}," =",[749,1314,1213],{"class":787},[749,1316,792],{"class":802},[749,1318,1207],{"class":780},[749,1320,626],{"class":795},[749,1322,1323],{"class":791},"meta",[749,1325,626],{"class":795},[749,1327,1328],{"class":791},"url",[749,1330,831],{"class":802},[749,1332,1334],{"class":751,"line":1333},7,[749,1335,1264],{"emptyLinePlaceholder":1263},[749,1337,1339,1342,1344,1347,1349,1351,1353,1355,1357],{"class":751,"line":1338},8,[749,1340,1341],{"class":787},"    extendWidgets",[749,1343,792],{"class":802},[749,1345,1346],{"class":791},"nuxt",[749,1348,1092],{"class":795},[749,1350,1227],{"class":795},[749,1352,618],{"class":759},[749,1354,812],{"class":795},[749,1356,1092],{"class":795},[749,1358,1300],{"class":795},[749,1360,1362,1365,1367,1369,1371,1374,1376,1378,1381,1383,1385],{"class":751,"line":1361},9,[749,1363,1364],{"class":802},"      component",[749,1366,806],{"class":795},[749,1368,1309],{"class":791},[749,1370,626],{"class":795},[749,1372,1373],{"class":787},"resolve",[749,1375,792],{"class":802},[749,1377,812],{"class":795},[749,1379,1380],{"class":759},".\u002Fruntime\u002Fapp\u002Fwidgets\u002FNewMembers.vue",[749,1382,812],{"class":795},[749,1384,1297],{"class":802},[749,1386,822],{"class":795},[749,1388,1390,1393,1395,1399],{"class":751,"line":1389},10,[749,1391,1392],{"class":802},"      order",[749,1394,806],{"class":795},[749,1396,1398],{"class":1397},"sbssI"," 10",[749,1400,822],{"class":795},[749,1402,1404,1407,1409,1412],{"class":751,"line":1403},11,[749,1405,1406],{"class":802},"      span",[749,1408,806],{"class":795},[749,1410,1411],{"class":1397}," 2",[749,1413,822],{"class":795},[749,1415,1417,1420,1422,1424,1427,1429,1432],{"class":751,"line":1416},12,[749,1418,1419],{"class":802},"      props",[749,1421,806],{"class":795},[749,1423,1210],{"class":795},[749,1425,1426],{"class":802}," days",[749,1428,806],{"class":795},[749,1430,1431],{"class":1397}," 30",[749,1433,1434],{"class":795}," },\n",[749,1436,1438,1441,1443,1445,1448,1450],{"class":751,"line":1437},13,[749,1439,1440],{"class":802},"      permission",[749,1442,806],{"class":795},[749,1444,1227],{"class":795},[749,1446,1447],{"class":759},"admin:access",[749,1449,812],{"class":795},[749,1451,822],{"class":795},[749,1453,1455,1458],{"class":751,"line":1454},14,[749,1456,1457],{"class":795},"    }",[749,1459,831],{"class":802},[749,1461,1463],{"class":751,"line":1462},15,[749,1464,1264],{"emptyLinePlaceholder":1263},[749,1466,1468,1471,1473,1475,1477,1479,1482,1484,1486],{"class":751,"line":1467},16,[749,1469,1470],{"class":787},"    extendTabs",[749,1472,792],{"class":802},[749,1474,1346],{"class":791},[749,1476,1092],{"class":795},[749,1478,1227],{"class":795},[749,1480,1481],{"class":759},"admin.users",[749,1483,812],{"class":795},[749,1485,1092],{"class":795},[749,1487,1300],{"class":795},[749,1489,1491,1494,1496,1498,1501,1503],{"class":751,"line":1490},17,[749,1492,1493],{"class":802},"      id",[749,1495,806],{"class":795},[749,1497,1227],{"class":795},[749,1499,1500],{"class":759},"payments",[749,1502,812],{"class":795},[749,1504,822],{"class":795},[749,1506,1508,1510,1512,1514,1516,1518,1520,1522,1525,1527,1529],{"class":751,"line":1507},18,[749,1509,1364],{"class":802},[749,1511,806],{"class":795},[749,1513,1309],{"class":791},[749,1515,626],{"class":795},[749,1517,1373],{"class":787},[749,1519,792],{"class":802},[749,1521,812],{"class":795},[749,1523,1524],{"class":759},".\u002Fruntime\u002Fapp\u002Ftabs\u002FPayments.vue",[749,1526,812],{"class":795},[749,1528,1297],{"class":802},[749,1530,822],{"class":795},[749,1532,1534,1536,1538,1541],{"class":751,"line":1533},19,[749,1535,1392],{"class":802},[749,1537,806],{"class":795},[749,1539,1540],{"class":1397}," 20",[749,1542,822],{"class":795},[749,1544,1546,1549,1551,1553,1555,1557],{"class":751,"line":1545},20,[749,1547,1548],{"class":802},"      label",[749,1550,806],{"class":795},[749,1552,1227],{"class":795},[749,1554,254],{"class":759},[749,1556,812],{"class":795},[749,1558,822],{"class":795},[749,1560,1562,1565,1567,1569,1572,1574],{"class":751,"line":1561},21,[749,1563,1564],{"class":802},"      labelKey",[749,1566,806],{"class":795},[749,1568,1227],{"class":795},[749,1570,1571],{"class":759},"payments.admin.tab",[749,1573,812],{"class":795},[749,1575,822],{"class":795},[749,1577,1579,1582,1584,1586,1588,1590],{"class":751,"line":1578},22,[749,1580,1581],{"class":802},"      icon",[749,1583,806],{"class":795},[749,1585,1227],{"class":795},[749,1587,149],{"class":759},[749,1589,812],{"class":795},[749,1591,822],{"class":795},[749,1593,1595,1597,1599,1601,1604,1606],{"class":751,"line":1594},23,[749,1596,1440],{"class":802},[749,1598,806],{"class":795},[749,1600,1227],{"class":795},[749,1602,1603],{"class":759},"payments:manage",[749,1605,812],{"class":795},[749,1607,822],{"class":795},[749,1609,1611,1613],{"class":751,"line":1610},24,[749,1612,1457],{"class":795},[749,1614,831],{"class":802},[749,1616,1618],{"class":751,"line":1617},25,[749,1619,1620],{"class":795},"  },\n",[749,1622,1624,1626],{"class":751,"line":1623},26,[749,1625,828],{"class":795},[749,1627,831],{"class":791},[1629,1630,1631,1632,1635,1636,1638],"tip",{},"To replace a module's widget or tab, register your own under the same ",[601,1633,1634],{},"id"," in the same area. The ",[601,1637,1634],{}," defaults to the\ncomponent's file name.",[740,1640,1642],{"className":770,"code":1641,"language":773,"meta":745,"style":745},"type WidgetDefinition = {\n  id?: string \u002F\u002F unique within an area; default: component file name\n  component: string \u002F\u002F resolved path of the Vue component\n  order?: number \u002F\u002F lower first; unordered last, in registration order\n  span?: 1 | 2 | 3 | 4 \u002F\u002F grid columns in the default layout (default 1)\n  props?: Record\u003Cstring, unknown> \u002F\u002F serializable\n  requires?: string \u002F\u002F free-form, for the widgets:filter hook; never interpreted by the module\n  permission?: string \u002F\u002F `resource:action`: shown only to viewers who hold it\n  tags?: string[]\n  meta?: Record\u003Cstring, unknown>\n}\n\ntype TabDefinition = {\n  id?: string \u002F\u002F default: component file name; also the `?tab=` value\n  component: string\n  order?: number\n  props?: Record\u003Cstring, unknown>\n  label?: string \u002F\u002F plain fallback label; default: the id\n  labelKey?: string \u002F\u002F i18n key, translated at render time with @nuxtjs\u002Fi18n\n  icon?: string \u002F\u002F for example 'i-lucide-credit-card'\n  requires?: string \u002F\u002F free-form, for the tabs:filter hook\n  permission?: string \u002F\u002F `resource:action`: shown only to viewers who hold it\n  tags?: string[]\n  meta?: Record\u003Cstring, unknown>\n}\n\ntype RegisteredWidget = WidgetDefinition & { id: string, area: string }\ntype RegisteredTab = TabDefinition & { id: string, area: string }\ntype WidgetMeta = Omit\u003CRegisteredWidget, 'component'> \u002F\u002F what useWidgets returns\ntype TabMeta = Omit\u003CRegisteredTab, 'component' | 'labelKey' | 'label'> & { label: string, labelKey?: string } \u002F\u002F what useTabs returns\n",[601,1643,1644,1656,1669,1681,1694,1721,1744,1756,1768,1780,1799,1804,1808,1819,1830,1839,1848,1866,1878,1890,1902,1913,1923,1933,1951,1955,1959,1995,2027,2059],{"__ignoreMap":745},[749,1645,1646,1649,1652,1654],{"class":751,"line":752},[749,1647,1648],{"class":853},"type",[749,1650,1651],{"class":755}," WidgetDefinition",[749,1653,1312],{"class":795},[749,1655,1300],{"class":795},[749,1657,1658,1661,1663,1666],{"class":751,"line":799},[749,1659,1660],{"class":802},"  id",[749,1662,1098],{"class":795},[749,1664,1665],{"class":755}," string",[749,1667,1668],{"class":1179}," \u002F\u002F unique within an area; default: component file name\n",[749,1670,1671,1674,1676,1678],{"class":751,"line":825},[749,1672,1673],{"class":802},"  component",[749,1675,806],{"class":795},[749,1677,1665],{"class":755},[749,1679,1680],{"class":1179}," \u002F\u002F resolved path of the Vue component\n",[749,1682,1683,1686,1688,1691],{"class":751,"line":1267},[749,1684,1685],{"class":802},"  order",[749,1687,1098],{"class":795},[749,1689,1690],{"class":755}," number",[749,1692,1693],{"class":1179}," \u002F\u002F lower first; unordered last, in registration order\n",[749,1695,1696,1699,1701,1704,1706,1708,1710,1713,1715,1718],{"class":751,"line":1280},[749,1697,1698],{"class":802},"  span",[749,1700,1098],{"class":795},[749,1702,1703],{"class":1397}," 1",[749,1705,1122],{"class":795},[749,1707,1411],{"class":1397},[749,1709,1122],{"class":795},[749,1711,1712],{"class":1397}," 3",[749,1714,1122],{"class":795},[749,1716,1717],{"class":1397}," 4",[749,1719,1720],{"class":1179}," \u002F\u002F grid columns in the default layout (default 1)\n",[749,1722,1723,1726,1728,1731,1733,1735,1737,1739,1741],{"class":751,"line":1303},[749,1724,1725],{"class":802},"  props",[749,1727,1098],{"class":795},[749,1729,1730],{"class":755}," Record",[749,1732,847],{"class":795},[749,1734,1111],{"class":755},[749,1736,1092],{"class":795},[749,1738,1116],{"class":755},[749,1740,1119],{"class":795},[749,1742,1743],{"class":1179}," \u002F\u002F serializable\n",[749,1745,1746,1749,1751,1753],{"class":751,"line":1333},[749,1747,1748],{"class":802},"  requires",[749,1750,1098],{"class":795},[749,1752,1665],{"class":755},[749,1754,1755],{"class":1179}," \u002F\u002F free-form, for the widgets:filter hook; never interpreted by the module\n",[749,1757,1758,1761,1763,1765],{"class":751,"line":1338},[749,1759,1760],{"class":802},"  permission",[749,1762,1098],{"class":795},[749,1764,1665],{"class":755},[749,1766,1767],{"class":1179}," \u002F\u002F `resource:action`: shown only to viewers who hold it\n",[749,1769,1770,1773,1775,1777],{"class":751,"line":1361},[749,1771,1772],{"class":802},"  tags",[749,1774,1098],{"class":795},[749,1776,1665],{"class":755},[749,1778,1779],{"class":791},"[]\n",[749,1781,1782,1785,1787,1789,1791,1793,1795,1797],{"class":751,"line":1389},[749,1783,1784],{"class":802},"  meta",[749,1786,1098],{"class":795},[749,1788,1730],{"class":755},[749,1790,847],{"class":795},[749,1792,1111],{"class":755},[749,1794,1092],{"class":795},[749,1796,1116],{"class":755},[749,1798,867],{"class":795},[749,1800,1801],{"class":751,"line":1403},[749,1802,1803],{"class":795},"}\n",[749,1805,1806],{"class":751,"line":1416},[749,1807,1264],{"emptyLinePlaceholder":1263},[749,1809,1810,1812,1815,1817],{"class":751,"line":1437},[749,1811,1648],{"class":853},[749,1813,1814],{"class":755}," TabDefinition",[749,1816,1312],{"class":795},[749,1818,1300],{"class":795},[749,1820,1821,1823,1825,1827],{"class":751,"line":1454},[749,1822,1660],{"class":802},[749,1824,1098],{"class":795},[749,1826,1665],{"class":755},[749,1828,1829],{"class":1179}," \u002F\u002F default: component file name; also the `?tab=` value\n",[749,1831,1832,1834,1836],{"class":751,"line":1462},[749,1833,1673],{"class":802},[749,1835,806],{"class":795},[749,1837,1838],{"class":755}," string\n",[749,1840,1841,1843,1845],{"class":751,"line":1467},[749,1842,1685],{"class":802},[749,1844,1098],{"class":795},[749,1846,1847],{"class":755}," number\n",[749,1849,1850,1852,1854,1856,1858,1860,1862,1864],{"class":751,"line":1490},[749,1851,1725],{"class":802},[749,1853,1098],{"class":795},[749,1855,1730],{"class":755},[749,1857,847],{"class":795},[749,1859,1111],{"class":755},[749,1861,1092],{"class":795},[749,1863,1116],{"class":755},[749,1865,867],{"class":795},[749,1867,1868,1871,1873,1875],{"class":751,"line":1507},[749,1869,1870],{"class":802},"  label",[749,1872,1098],{"class":795},[749,1874,1665],{"class":755},[749,1876,1877],{"class":1179}," \u002F\u002F plain fallback label; default: the id\n",[749,1879,1880,1883,1885,1887],{"class":751,"line":1533},[749,1881,1882],{"class":802},"  labelKey",[749,1884,1098],{"class":795},[749,1886,1665],{"class":755},[749,1888,1889],{"class":1179}," \u002F\u002F i18n key, translated at render time with @nuxtjs\u002Fi18n\n",[749,1891,1892,1895,1897,1899],{"class":751,"line":1545},[749,1893,1894],{"class":802},"  icon",[749,1896,1098],{"class":795},[749,1898,1665],{"class":755},[749,1900,1901],{"class":1179}," \u002F\u002F for example 'i-lucide-credit-card'\n",[749,1903,1904,1906,1908,1910],{"class":751,"line":1561},[749,1905,1748],{"class":802},[749,1907,1098],{"class":795},[749,1909,1665],{"class":755},[749,1911,1912],{"class":1179}," \u002F\u002F free-form, for the tabs:filter hook\n",[749,1914,1915,1917,1919,1921],{"class":751,"line":1578},[749,1916,1760],{"class":802},[749,1918,1098],{"class":795},[749,1920,1665],{"class":755},[749,1922,1767],{"class":1179},[749,1924,1925,1927,1929,1931],{"class":751,"line":1594},[749,1926,1772],{"class":802},[749,1928,1098],{"class":795},[749,1930,1665],{"class":755},[749,1932,1779],{"class":791},[749,1934,1935,1937,1939,1941,1943,1945,1947,1949],{"class":751,"line":1610},[749,1936,1784],{"class":802},[749,1938,1098],{"class":795},[749,1940,1730],{"class":755},[749,1942,847],{"class":795},[749,1944,1111],{"class":755},[749,1946,1092],{"class":795},[749,1948,1116],{"class":755},[749,1950,867],{"class":795},[749,1952,1953],{"class":751,"line":1617},[749,1954,1803],{"class":795},[749,1956,1957],{"class":751,"line":1623},[749,1958,1264],{"emptyLinePlaceholder":1263},[749,1960,1962,1964,1967,1969,1971,1974,1976,1979,1981,1983,1985,1988,1990,1992],{"class":751,"line":1961},27,[749,1963,1648],{"class":853},[749,1965,1966],{"class":755}," RegisteredWidget",[749,1968,1312],{"class":795},[749,1970,1651],{"class":755},[749,1972,1973],{"class":795}," &",[749,1975,1210],{"class":795},[749,1977,1978],{"class":802}," id",[749,1980,806],{"class":795},[749,1982,1665],{"class":755},[749,1984,1092],{"class":795},[749,1986,1987],{"class":802}," area",[749,1989,806],{"class":795},[749,1991,1665],{"class":755},[749,1993,1994],{"class":795}," }\n",[749,1996,1998,2000,2003,2005,2007,2009,2011,2013,2015,2017,2019,2021,2023,2025],{"class":751,"line":1997},28,[749,1999,1648],{"class":853},[749,2001,2002],{"class":755}," RegisteredTab",[749,2004,1312],{"class":795},[749,2006,1814],{"class":755},[749,2008,1973],{"class":795},[749,2010,1210],{"class":795},[749,2012,1978],{"class":802},[749,2014,806],{"class":795},[749,2016,1665],{"class":755},[749,2018,1092],{"class":795},[749,2020,1987],{"class":802},[749,2022,806],{"class":795},[749,2024,1665],{"class":755},[749,2026,1994],{"class":795},[749,2028,2030,2032,2035,2037,2040,2042,2045,2047,2049,2052,2054,2056],{"class":751,"line":2029},29,[749,2031,1648],{"class":853},[749,2033,2034],{"class":755}," WidgetMeta",[749,2036,1312],{"class":795},[749,2038,2039],{"class":755}," Omit",[749,2041,847],{"class":795},[749,2043,2044],{"class":755},"RegisteredWidget",[749,2046,1092],{"class":795},[749,2048,1227],{"class":795},[749,2050,2051],{"class":759},"component",[749,2053,812],{"class":795},[749,2055,1119],{"class":795},[749,2057,2058],{"class":1179}," \u002F\u002F what useWidgets returns\n",[749,2060,2062,2064,2067,2069,2071,2073,2076,2078,2080,2082,2084,2086,2088,2091,2093,2095,2097,2100,2102,2104,2106,2108,2111,2113,2115,2117,2120,2122,2124,2126],{"class":751,"line":2061},30,[749,2063,1648],{"class":853},[749,2065,2066],{"class":755}," TabMeta",[749,2068,1312],{"class":795},[749,2070,2039],{"class":755},[749,2072,847],{"class":795},[749,2074,2075],{"class":755},"RegisteredTab",[749,2077,1092],{"class":795},[749,2079,1227],{"class":795},[749,2081,2051],{"class":759},[749,2083,812],{"class":795},[749,2085,1122],{"class":795},[749,2087,1227],{"class":795},[749,2089,2090],{"class":759},"labelKey",[749,2092,812],{"class":795},[749,2094,1122],{"class":795},[749,2096,1227],{"class":795},[749,2098,2099],{"class":759},"label",[749,2101,812],{"class":795},[749,2103,1119],{"class":795},[749,2105,1973],{"class":795},[749,2107,1210],{"class":795},[749,2109,2110],{"class":802}," label",[749,2112,806],{"class":795},[749,2114,1665],{"class":755},[749,2116,1092],{"class":795},[749,2118,2119],{"class":802}," labelKey",[749,2121,1098],{"class":795},[749,2123,1665],{"class":755},[749,2125,1221],{"class":795},[749,2127,2128],{"class":1179}," \u002F\u002F what useTabs returns\n",[735,2130,2132],{"id":2131},"utils","Utils",[593,2134,2135,2137,2138,626],{},[601,2136,1256],{}," is framework-agnostic. The types above also come from ",[601,2139,2140],{},"@frigear-nu\u002Fwidget\u002Ftypes",[920,2142,2143,2152],{},[923,2144,2145],{},[926,2146,2147,2150],{},[929,2148,2149],{},"Export",[929,2151,940],{},[942,2153,2154,2166,2176,2192],{},[926,2155,2156,2161],{},[947,2157,2158],{},[601,2159,2160],{},"extendWidgets(nuxt, area, widgets)",[947,2162,2163,2164,626],{},"Adds one or more widgets to an area, from a module's ",[601,2165,1196],{},[926,2167,2168,2173],{},[947,2169,2170],{},[601,2171,2172],{},"extendTabs(nuxt, area, tabs)",[947,2174,2175],{},"Adds one or more tabs to an area.",[926,2177,2178,2186],{},[947,2179,2180,956,2183],{},[601,2181,2182],{},"deriveWidgetId(widget)",[601,2184,2185],{},"deriveTabId(tab)",[947,2187,2188,2189,2191],{},"The id an entry gets: its ",[601,2190,1634],{},", else the component file name.",[926,2193,2194,2199],{},[947,2195,2196],{},[601,2197,2198],{},"sortWidgets(list)",[947,2200,2201,2202,2205],{},"Orders by ",[601,2203,2204],{},"order",", lowest first. Entries without one come last, in registration order.",[735,2207,2209],{"id":2208},"hide-entries-per-visitor","Hide entries per visitor",[593,2211,2212,2213,1190,2215,2218,2219,658,2221,2223,2224,2226,2227,2229,2230,2233],{},"The module itself never reads ",[601,2214,684],{},[601,2216,2217],{},"requires",". It calls ",[601,2220,677],{},[601,2222,680],{},", and a listener\ndrops what the current visitor should not see. With ",[597,2225,199],{"href":200}," installed, a\nlistener is already registered: it keeps an entry when it has no ",[601,2228,684],{}," or when ",[601,2231,2232],{},"can(entry.permission)"," is true.",[740,2235,2238],{"className":770,"code":2236,"filename":2237,"language":773,"meta":745,"style":745},"extendTabs(nuxt, 'admin.users', {\n  id: 'payments',\n  component: resolver.resolve('.\u002Fruntime\u002Fapp\u002Ftabs\u002FPayments.vue'),\n  permission: 'payments:manage',\n})\n","module.ts",[601,2239,2240,2259,2273,2297,2311],{"__ignoreMap":745},[749,2241,2242,2244,2247,2249,2251,2253,2255,2257],{"class":751,"line":752},[749,2243,669],{"class":787},[749,2245,2246],{"class":791},"(nuxt",[749,2248,1092],{"class":795},[749,2250,1227],{"class":795},[749,2252,1481],{"class":759},[749,2254,812],{"class":795},[749,2256,1092],{"class":795},[749,2258,1300],{"class":795},[749,2260,2261,2263,2265,2267,2269,2271],{"class":751,"line":799},[749,2262,1660],{"class":802},[749,2264,806],{"class":795},[749,2266,1227],{"class":795},[749,2268,1500],{"class":759},[749,2270,812],{"class":795},[749,2272,822],{"class":795},[749,2274,2275,2277,2279,2281,2283,2285,2287,2289,2291,2293,2295],{"class":751,"line":825},[749,2276,1673],{"class":802},[749,2278,806],{"class":795},[749,2280,1309],{"class":791},[749,2282,626],{"class":795},[749,2284,1373],{"class":787},[749,2286,792],{"class":791},[749,2288,812],{"class":795},[749,2290,1524],{"class":759},[749,2292,812],{"class":795},[749,2294,1297],{"class":791},[749,2296,822],{"class":795},[749,2298,2299,2301,2303,2305,2307,2309],{"class":751,"line":1267},[749,2300,1760],{"class":802},[749,2302,806],{"class":795},[749,2304,1227],{"class":795},[749,2306,1603],{"class":759},[749,2308,812],{"class":795},[749,2310,822],{"class":795},[749,2312,2313,2315],{"class":751,"line":1280},[749,2314,828],{"class":795},[749,2316,831],{"class":791},[593,2318,2319,2321],{},[601,2320,2217],{}," stays free-form, for your own rules such as a feature flag. Your app listens to the same hook:",[740,2323,2326],{"className":770,"code":2324,"filename":2325,"language":773,"meta":745,"style":745},"export default defineNuxtPlugin((nuxtApp) => {\n  nuxtApp.hook('widgets:filter', (ctx) => {\n    const flags = useRuntimeConfig().public.flags as string[]\n    ctx.widgets = ctx.widgets.filter(widget => !widget.requires || flags.includes(widget.requires))\n  })\n})\n","app\u002Fplugins\u002Fwidgets.ts",[601,2327,2328,2351,2383,2415,2475,2482],{"__ignoreMap":745},[749,2329,2330,2332,2334,2337,2339,2341,2344,2346,2349],{"class":751,"line":752},[749,2331,781],{"class":780},[749,2333,784],{"class":780},[749,2335,2336],{"class":787}," defineNuxtPlugin",[749,2338,792],{"class":791},[749,2340,792],{"class":795},[749,2342,2343],{"class":1288},"nuxtApp",[749,2345,1297],{"class":795},[749,2347,2348],{"class":853}," =>",[749,2350,1300],{"class":795},[749,2352,2353,2356,2358,2361,2363,2365,2367,2369,2371,2374,2377,2379,2381],{"class":751,"line":799},[749,2354,2355],{"class":791},"  nuxtApp",[749,2357,626],{"class":795},[749,2359,2360],{"class":787},"hook",[749,2362,792],{"class":802},[749,2364,812],{"class":795},[749,2366,677],{"class":759},[749,2368,812],{"class":795},[749,2370,1092],{"class":795},[749,2372,2373],{"class":795}," (",[749,2375,2376],{"class":1288},"ctx",[749,2378,1297],{"class":795},[749,2380,2348],{"class":853},[749,2382,1300],{"class":795},[749,2384,2385,2387,2390,2392,2395,2398,2400,2403,2405,2408,2411,2413],{"class":751,"line":825},[749,2386,1306],{"class":853},[749,2388,2389],{"class":791}," flags",[749,2391,1312],{"class":795},[749,2393,2394],{"class":787}," useRuntimeConfig",[749,2396,2397],{"class":802},"()",[749,2399,626],{"class":795},[749,2401,2402],{"class":791},"public",[749,2404,626],{"class":795},[749,2406,2407],{"class":791},"flags",[749,2409,2410],{"class":780}," as",[749,2412,1665],{"class":755},[749,2414,1779],{"class":802},[749,2416,2417,2420,2422,2424,2426,2429,2431,2433,2435,2438,2440,2443,2445,2448,2450,2452,2454,2457,2459,2461,2464,2466,2468,2470,2472],{"class":751,"line":1267},[749,2418,2419],{"class":791},"    ctx",[749,2421,626],{"class":795},[749,2423,904],{"class":791},[749,2425,1312],{"class":795},[749,2427,2428],{"class":791}," ctx",[749,2430,626],{"class":795},[749,2432,904],{"class":791},[749,2434,626],{"class":795},[749,2436,2437],{"class":787},"filter",[749,2439,792],{"class":802},[749,2441,2442],{"class":1288},"widget",[749,2444,2348],{"class":853},[749,2446,2447],{"class":795}," !",[749,2449,2442],{"class":791},[749,2451,626],{"class":795},[749,2453,2217],{"class":791},[749,2455,2456],{"class":795}," ||",[749,2458,2389],{"class":791},[749,2460,626],{"class":795},[749,2462,2463],{"class":787},"includes",[749,2465,792],{"class":802},[749,2467,2442],{"class":791},[749,2469,626],{"class":795},[749,2471,2217],{"class":791},[749,2473,2474],{"class":802},"))\n",[749,2476,2477,2480],{"class":751,"line":1280},[749,2478,2479],{"class":795},"  }",[749,2481,831],{"class":802},[749,2483,2484,2486],{"class":751,"line":1303},[749,2485,828],{"class":795},[749,2487,831],{"class":791},[593,2489,2490],{},"Entries are cached under a key that includes an access version. Authorization raises the version on sign-in, sign-out\nand role changes, so widgets and tabs filter again without a reload.",[2492,2493,2494,2495,2498],"caution",{},"Filtering only hides the interface. Always call ",[601,2496,2497],{},"authorize"," on the server for the data a widget loads.",[628,2500,234],{"id":2501},"hooks",[593,2503,2504,2505,626],{},"Module authors listen to the build hooks; your app listens to the filter ",[597,2506,2501],{"href":87},[920,2508,2509,2525],{},[923,2510,2511],{},[926,2512,2513,2516,2519,2522],{},[929,2514,2515],{},"Hook",[929,2517,2518],{},"Where",[929,2520,2521],{},"When",[929,2523,2524],{},"Payload",[942,2526,2527,2547,2564,2583,2599,2620],{},[926,2528,2529,2534,2537,2542],{},[947,2530,2531],{},[601,2532,2533],{},"widgets:extend",[947,2535,2536],{},"Nuxt (build)",[947,2538,2539,2541],{},[601,2540,665],{}," adds widgets",[947,2543,2544],{},[601,2545,2546],{},"(area: string, widgets: RegisteredWidget[])",[926,2548,2549,2554,2556,2559],{},[947,2550,2551],{},[601,2552,2553],{},"widgets:resolved",[947,2555,2536],{},[947,2557,2558],{},"Once, after every module has set up",[947,2560,2561],{},[601,2562,2563],{},"(areas: Record\u003Cstring, RegisteredWidget[]>)",[926,2565,2566,2571,2573,2578],{},[947,2567,2568],{},[601,2569,2570],{},"tabs:extend",[947,2572,2536],{},[947,2574,2575,2577],{},[601,2576,669],{}," adds tabs",[947,2579,2580],{},[601,2581,2582],{},"(area: string, tabs: RegisteredTab[])",[926,2584,2585,2590,2592,2594],{},[947,2586,2587],{},[601,2588,2589],{},"tabs:resolved",[947,2591,2536],{},[947,2593,2558],{},[947,2595,2596],{},[601,2597,2598],{},"(areas: Record\u003Cstring, RegisteredTab[]>)",[926,2600,2601,2605,2608,2611],{},[947,2602,2603],{},[601,2604,677],{},[947,2606,2607],{},"Nuxt app",[947,2609,2610],{},"Before an area's widgets are drawn",[947,2612,2613,2616,2617],{},[601,2614,2615],{},"{ area, widgets: WidgetMeta[], context? }","; reassign or filter ",[601,2618,2619],{},"ctx.widgets",[926,2621,2622,2626,2628,2631],{},[947,2623,2624],{},[601,2625,680],{},[947,2627,2607],{},[947,2629,2630],{},"Before an area's tabs are drawn",[947,2632,2633,2616,2636],{},[601,2634,2635],{},"{ area, tabs: TabMeta[], context? }",[601,2637,2638],{},"ctx.tabs",[628,2640,2642],{"id":2641},"next-steps","Next steps",[633,2644,2645,2650,2661],{},[636,2646,2647,2649],{},[597,2648,217],{"href":351}," – fill the three widget areas of the admin dashboard.",[636,2651,2652,2654,2655,658,2658,2660],{},[597,2653,101],{"href":1059}," – choose between ",[601,2656,2657],{},"WidgetTabs",[601,2659,603],{}," on a detail page.",[636,2662,2663,2665],{},[597,2664,72],{"href":73}," – how widgets, menus and hooks let modules extend each other.",[2667,2668,2669],"style",{},"html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .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 .s7zQu, html code.shiki .s7zQu{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sHwdD, html code.shiki .sHwdD{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#546E7A;--shiki-default-font-style:italic;--shiki-dark:#676E95;--shiki-dark-font-style:italic}html pre.shiki code .sHdIc, html code.shiki .sHdIc{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#EEFFFF;--shiki-default-font-style:italic;--shiki-dark:#BABED8;--shiki-dark-font-style:italic}html pre.shiki code .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}",{"title":745,"searchDepth":799,"depth":799,"links":2671},[2672,2673,2678,2679,2686,2687],{"id":630,"depth":799,"text":631},{"id":729,"depth":799,"text":730,"children":2674},[2675,2676,2677],{"id":737,"depth":825,"text":738},{"id":766,"depth":825,"text":767},{"id":834,"depth":825,"text":835},{"id":897,"depth":799,"text":898},{"id":908,"depth":799,"text":267,"children":2680},[2681,2682,2683,2684,2685],{"id":911,"depth":825,"text":641},{"id":1062,"depth":825,"text":1063},{"id":1183,"depth":825,"text":1184},{"id":2131,"depth":825,"text":2132},{"id":2208,"depth":825,"text":2209},{"id":2501,"depth":799,"text":234},{"id":2641,"depth":799,"text":2642},"Lets modules add cards to a dashboard and tabs to a detail page that your app or another module owns.","md",null,{},{"title":358,"description":2688},"CmFTO470n7xuFf5zBjPovP4ECS5-DcVTl2hDexemiPM",[2695,2697],{"title":354,"path":355,"stem":356,"description":2696,"children":-1},"Lets modules add links to your app's navigation, such as the admin sidebar, without importing each other.",{"title":173,"path":363,"stem":364,"description":2698,"children":-1},"Turns a Nuxt app into an iOS and Android app with native tab bars, deep links and sign-in.",1794503149340]