[{"data":1,"prerenderedAt":1588},["ShallowReactive",2],{"navigation_docs":3,"-examples-tasks-send-an-email":587,"-examples-tasks-send-an-email-surround":1583},[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":500,"body":589,"description":1576,"extension":1577,"links":1578,"meta":1579,"navigation":1580,"path":501,"seo":1581,"stem":502,"__hash__":1582},"docs\u002F4.examples\u002F3.tasks\u002F5.send-an-email.md",{"type":590,"value":591,"toc":1568},"minimark",[592,605,610,635,641,645,648,679,687,799,803,814,1143,1162,1166,1172,1360,1371,1428,1436,1457,1461,1469,1531,1539,1543,1564],[593,594,595,599,600,604],"p",{},[596,597,598],"strong",{},"What you'll build:"," a ",[601,602,603],"code",{},"welcome"," email, written as a Vue component and sent from a server route. In development it\nprints in the terminal, and outside development a real provider delivers it.",[606,607,609],"h2",{"id":608},"prerequisites","Prerequisites",[611,612,613,626,631],"ul",{},[614,615,616,617,621,622,625],"li",{},"The ",[618,619,620],"a",{"href":454},"workspace starter",", or another ",[618,623,624],{"href":87},"host app",".",[614,627,628,630],{},[618,629,403],{"href":404},", which Auth, Users, Forms and Subscriptions install for you.",[614,632,633,625],{},[618,634,407],{"href":408},[593,636,637,638,625],{},"The paths below are for the starter's ",[601,639,640],{},"apps\u002Fweb",[606,642,644],{"id":643},"_1-add-email-templates","1. Add Email Templates",[593,646,647],{},"Notify sends the email, and Email Templates turns a Vue component into its HTML. Install Email Templates in the app:",[649,650,655],"pre",{"className":651,"code":652,"language":653,"meta":654,"style":654},"language-bash shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","pnpm --filter .\u002Fapps\u002Fweb add @frigear-nu\u002Femail-templates\n","bash","",[601,656,657],{"__ignoreMap":654},[658,659,662,666,670,673,676],"span",{"class":660,"line":661},"line",1,[658,663,665],{"class":664},"sBMFI","pnpm",[658,667,669],{"class":668},"sfazB"," --filter",[658,671,672],{"class":668}," .\u002Fapps\u002Fweb",[658,674,675],{"class":668}," add",[658,677,678],{"class":668}," @frigear-nu\u002Femail-templates\n",[680,681,682,683,686],"warning",{},"List Email Templates in ",[601,684,685],{},"modules"," yourself. Being a dependency of another module is not enough: the templates of those\nmodules do not render.",[649,688,693],{"className":689,"code":690,"filename":691,"language":692,"meta":654,"style":654},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","export default defineNuxtConfig({\n  modules: ['@frigear-nu\u002Fnotify', '@frigear-nu\u002Femail-templates'],\n  notify: { email: { driver: 'log' } },\n})\n","apps\u002Fweb\u002Fnuxt.config.ts","ts",[601,694,695,716,754,790],{"__ignoreMap":654},[658,696,697,701,704,708,712],{"class":660,"line":661},[658,698,700],{"class":699},"s7zQu","export",[658,702,703],{"class":699}," default",[658,705,707],{"class":706},"s2Zo4"," defineNuxtConfig",[658,709,711],{"class":710},"sTEyZ","(",[658,713,715],{"class":714},"sMK4o","{\n",[658,717,719,723,726,729,732,735,737,740,743,746,748,751],{"class":660,"line":718},2,[658,720,722],{"class":721},"swJcz","  modules",[658,724,725],{"class":714},":",[658,727,728],{"class":710}," [",[658,730,731],{"class":714},"'",[658,733,734],{"class":668},"@frigear-nu\u002Fnotify",[658,736,731],{"class":714},[658,738,739],{"class":714},",",[658,741,742],{"class":714}," '",[658,744,745],{"class":668},"@frigear-nu\u002Femail-templates",[658,747,731],{"class":714},[658,749,750],{"class":710},"]",[658,752,753],{"class":714},",\n",[658,755,757,760,762,765,768,770,772,775,777,779,782,784,787],{"class":660,"line":756},3,[658,758,759],{"class":721},"  notify",[658,761,725],{"class":714},[658,763,764],{"class":714}," {",[658,766,767],{"class":721}," email",[658,769,725],{"class":714},[658,771,764],{"class":714},[658,773,774],{"class":721}," driver",[658,776,725],{"class":714},[658,778,742],{"class":714},[658,780,781],{"class":668},"log",[658,783,731],{"class":714},[658,785,786],{"class":714}," }",[658,788,789],{"class":714}," },\n",[658,791,793,796],{"class":660,"line":792},4,[658,794,795],{"class":714},"}",[658,797,798],{"class":710},")\n",[606,800,802],{"id":801},"_2-write-the-template","2. Write the template",[593,804,805,806,809,810,813],{},"A template is a Vue component, so you write the email with the same tools as a page. Every top-level ",[601,807,808],{},".vue"," file in\n",[601,811,812],{},"app\u002Femails"," is a template, named by its file name:",[649,815,820],{"className":816,"code":817,"filename":818,"language":819,"meta":654,"style":654},"language-vue shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cscript setup lang=\"ts\">\nimport { EmailButton, EmailDivider, EmailHeading, EmailLayout, EmailLinkFallback, EmailText } from '@frigear-nu\u002Femail-templates\u002Fcomponents'\n\ndefineProps\u003C{ name: string, url: string }>()\n\u003C\u002Fscript>\n\n\u003Ctemplate>\n  \u003CEmailLayout :preview=\"`Welcome, ${name}!`\">\n    \u003CESubject>Welcome, {{ name }}\u003C\u002FESubject>\n    \u003CEmailHeading>Welcome, {{ name }}!\u003C\u002FEmailHeading>\n    \u003CEmailDivider \u002F>\n    \u003CEmailText>Thanks for signing up. Click the button below to get started.\u003C\u002FEmailText>\n    \u003CEmailButton :href=\"url\">Get started\u003C\u002FEmailButton>\n    \u003CEmailLinkFallback :href=\"url\" \u002F>\n  \u003C\u002FEmailLayout>\n\u003C\u002Ftemplate>\n","apps\u002Fweb\u002Fapp\u002Femails\u002Fwelcome.vue","vue",[601,821,822,850,898,904,935,945,950,960,999,1020,1039,1050,1069,1102,1124,1134],{"__ignoreMap":654},[658,823,824,827,830,834,837,840,843,845,847],{"class":660,"line":661},[658,825,826],{"class":714},"\u003C",[658,828,829],{"class":721},"script",[658,831,833],{"class":832},"spNyl"," setup",[658,835,836],{"class":832}," lang",[658,838,839],{"class":714},"=",[658,841,842],{"class":714},"\"",[658,844,692],{"class":668},[658,846,842],{"class":714},[658,848,849],{"class":714},">\n",[658,851,852,855,857,860,862,865,867,870,872,875,877,880,882,885,887,890,892,895],{"class":660,"line":718},[658,853,854],{"class":699},"import",[658,856,764],{"class":714},[658,858,859],{"class":710}," EmailButton",[658,861,739],{"class":714},[658,863,864],{"class":710}," EmailDivider",[658,866,739],{"class":714},[658,868,869],{"class":710}," EmailHeading",[658,871,739],{"class":714},[658,873,874],{"class":710}," EmailLayout",[658,876,739],{"class":714},[658,878,879],{"class":710}," EmailLinkFallback",[658,881,739],{"class":714},[658,883,884],{"class":710}," EmailText",[658,886,786],{"class":714},[658,888,889],{"class":699}," from",[658,891,742],{"class":714},[658,893,894],{"class":668},"@frigear-nu\u002Femail-templates\u002Fcomponents",[658,896,897],{"class":714},"'\n",[658,899,900],{"class":660,"line":756},[658,901,903],{"emptyLinePlaceholder":902},true,"\n",[658,905,906,909,912,915,917,920,922,925,927,929,932],{"class":660,"line":792},[658,907,908],{"class":706},"defineProps",[658,910,911],{"class":714},"\u003C{",[658,913,914],{"class":721}," name",[658,916,725],{"class":714},[658,918,919],{"class":664}," string",[658,921,739],{"class":714},[658,923,924],{"class":721}," url",[658,926,725],{"class":714},[658,928,919],{"class":664},[658,930,931],{"class":714}," }>",[658,933,934],{"class":710},"()\n",[658,936,938,941,943],{"class":660,"line":937},5,[658,939,940],{"class":714},"\u003C\u002F",[658,942,829],{"class":721},[658,944,849],{"class":714},[658,946,948],{"class":660,"line":947},6,[658,949,903],{"emptyLinePlaceholder":902},[658,951,953,955,958],{"class":660,"line":952},7,[658,954,826],{"class":714},[658,956,957],{"class":721},"template",[658,959,849],{"class":714},[658,961,963,966,969,972,975,977,980,983,986,989,991,994,997],{"class":660,"line":962},8,[658,964,965],{"class":714},"  \u003C",[658,967,968],{"class":721},"EmailLayout",[658,970,971],{"class":714}," :",[658,973,974],{"class":832},"preview",[658,976,839],{"class":714},[658,978,979],{"class":714},"\"`",[658,981,982],{"class":668},"Welcome, ",[658,984,985],{"class":714},"${",[658,987,988],{"class":710},"name",[658,990,795],{"class":714},[658,992,993],{"class":668},"!",[658,995,996],{"class":714},"`\"",[658,998,849],{"class":714},[658,1000,1002,1005,1008,1011,1014,1016,1018],{"class":660,"line":1001},9,[658,1003,1004],{"class":714},"    \u003C",[658,1006,1007],{"class":721},"ESubject",[658,1009,1010],{"class":714},">",[658,1012,1013],{"class":710},"Welcome, {{ name }}",[658,1015,940],{"class":714},[658,1017,1007],{"class":721},[658,1019,849],{"class":714},[658,1021,1023,1025,1028,1030,1033,1035,1037],{"class":660,"line":1022},10,[658,1024,1004],{"class":714},[658,1026,1027],{"class":721},"EmailHeading",[658,1029,1010],{"class":714},[658,1031,1032],{"class":710},"Welcome, {{ name }}!",[658,1034,940],{"class":714},[658,1036,1027],{"class":721},[658,1038,849],{"class":714},[658,1040,1042,1044,1047],{"class":660,"line":1041},11,[658,1043,1004],{"class":714},[658,1045,1046],{"class":721},"EmailDivider",[658,1048,1049],{"class":714}," \u002F>\n",[658,1051,1053,1055,1058,1060,1063,1065,1067],{"class":660,"line":1052},12,[658,1054,1004],{"class":714},[658,1056,1057],{"class":721},"EmailText",[658,1059,1010],{"class":714},[658,1061,1062],{"class":710},"Thanks for signing up. Click the button below to get started.",[658,1064,940],{"class":714},[658,1066,1057],{"class":721},[658,1068,849],{"class":714},[658,1070,1072,1074,1077,1079,1082,1084,1086,1089,1091,1093,1096,1098,1100],{"class":660,"line":1071},13,[658,1073,1004],{"class":714},[658,1075,1076],{"class":721},"EmailButton",[658,1078,971],{"class":714},[658,1080,1081],{"class":832},"href",[658,1083,839],{"class":714},[658,1085,842],{"class":714},[658,1087,1088],{"class":710},"url",[658,1090,842],{"class":714},[658,1092,1010],{"class":714},[658,1094,1095],{"class":710},"Get started",[658,1097,940],{"class":714},[658,1099,1076],{"class":721},[658,1101,849],{"class":714},[658,1103,1105,1107,1110,1112,1114,1116,1118,1120,1122],{"class":660,"line":1104},14,[658,1106,1004],{"class":714},[658,1108,1109],{"class":721},"EmailLinkFallback",[658,1111,971],{"class":714},[658,1113,1081],{"class":832},[658,1115,839],{"class":714},[658,1117,842],{"class":714},[658,1119,1088],{"class":710},[658,1121,842],{"class":714},[658,1123,1049],{"class":714},[658,1125,1127,1130,1132],{"class":660,"line":1126},15,[658,1128,1129],{"class":714},"  \u003C\u002F",[658,1131,968],{"class":721},[658,1133,849],{"class":714},[658,1135,1137,1139,1141],{"class":660,"line":1136},16,[658,1138,940],{"class":714},[658,1140,957],{"class":721},[658,1142,849],{"class":714},[611,1144,1145,1151],{},[614,1146,1147,1150],{},[601,1148,1149],{},"\u003CESubject>"," sets the subject.",[614,1152,1153,1154,1157,1158,1161],{},"Import the ",[601,1155,1156],{},"Email*"," components. Only the renderer's own ",[601,1159,1160],{},"E*"," components are global.",[606,1163,1165],{"id":1164},"_3-send-it","3. Send it",[593,1167,1168,1171],{},[601,1169,1170],{},"sendEmailTemplate"," is auto-imported in server code. The template name and its props are typed, so a misspelled name\nor a missing prop does not compile:",[649,1173,1176],{"className":689,"code":1174,"filename":1175,"language":692,"meta":654,"style":654},"export default defineEventHandler(async (event) => {\n  const { user } = await requireAuth(event, { sessionOnly: true })\n  await sendEmailTemplate('welcome', { name: user.name, url: 'https:\u002F\u002Fexample.com\u002Faccount' }, {\n    to: user.email,\n    replyTo: 'support@frigear.nu',\n  })\n  return { sent: true }\n})\n","apps\u002Fweb\u002Fserver\u002Fapi\u002Fwelcome.post.ts",[601,1177,1178,1208,1250,1298,1314,1330,1337,1354],{"__ignoreMap":654},[658,1179,1180,1182,1184,1187,1189,1192,1195,1199,1202,1205],{"class":660,"line":661},[658,1181,700],{"class":699},[658,1183,703],{"class":699},[658,1185,1186],{"class":706}," defineEventHandler",[658,1188,711],{"class":710},[658,1190,1191],{"class":832},"async",[658,1193,1194],{"class":714}," (",[658,1196,1198],{"class":1197},"sHdIc","event",[658,1200,1201],{"class":714},")",[658,1203,1204],{"class":832}," =>",[658,1206,1207],{"class":714}," {\n",[658,1209,1210,1213,1215,1218,1220,1223,1226,1229,1231,1233,1235,1237,1240,1242,1246,1248],{"class":660,"line":718},[658,1211,1212],{"class":832},"  const",[658,1214,764],{"class":714},[658,1216,1217],{"class":710}," user",[658,1219,786],{"class":714},[658,1221,1222],{"class":714}," =",[658,1224,1225],{"class":699}," await",[658,1227,1228],{"class":706}," requireAuth",[658,1230,711],{"class":721},[658,1232,1198],{"class":710},[658,1234,739],{"class":714},[658,1236,764],{"class":714},[658,1238,1239],{"class":721}," sessionOnly",[658,1241,725],{"class":714},[658,1243,1245],{"class":1244},"sfNiH"," true",[658,1247,786],{"class":714},[658,1249,798],{"class":721},[658,1251,1252,1255,1258,1260,1262,1264,1266,1268,1270,1272,1274,1276,1278,1280,1282,1284,1286,1288,1291,1293,1296],{"class":660,"line":756},[658,1253,1254],{"class":699},"  await",[658,1256,1257],{"class":706}," sendEmailTemplate",[658,1259,711],{"class":721},[658,1261,731],{"class":714},[658,1263,603],{"class":668},[658,1265,731],{"class":714},[658,1267,739],{"class":714},[658,1269,764],{"class":714},[658,1271,914],{"class":721},[658,1273,725],{"class":714},[658,1275,1217],{"class":710},[658,1277,625],{"class":714},[658,1279,988],{"class":710},[658,1281,739],{"class":714},[658,1283,924],{"class":721},[658,1285,725],{"class":714},[658,1287,742],{"class":714},[658,1289,1290],{"class":668},"https:\u002F\u002Fexample.com\u002Faccount",[658,1292,731],{"class":714},[658,1294,1295],{"class":714}," },",[658,1297,1207],{"class":714},[658,1299,1300,1303,1305,1307,1309,1312],{"class":660,"line":792},[658,1301,1302],{"class":721},"    to",[658,1304,725],{"class":714},[658,1306,1217],{"class":710},[658,1308,625],{"class":714},[658,1310,1311],{"class":710},"email",[658,1313,753],{"class":714},[658,1315,1316,1319,1321,1323,1326,1328],{"class":660,"line":937},[658,1317,1318],{"class":721},"    replyTo",[658,1320,725],{"class":714},[658,1322,742],{"class":714},[658,1324,1325],{"class":668},"support@frigear.nu",[658,1327,731],{"class":714},[658,1329,753],{"class":714},[658,1331,1332,1335],{"class":660,"line":947},[658,1333,1334],{"class":714},"  }",[658,1336,798],{"class":721},[658,1338,1339,1342,1344,1347,1349,1351],{"class":660,"line":952},[658,1340,1341],{"class":699},"  return",[658,1343,764],{"class":714},[658,1345,1346],{"class":721}," sent",[658,1348,725],{"class":714},[658,1350,1245],{"class":1244},[658,1352,1353],{"class":714}," }\n",[658,1355,1356,1358],{"class":660,"line":962},[658,1357,795],{"class":714},[658,1359,798],{"class":710},[593,1361,1362,1363,1366,1367,1370],{},"The third argument is an ",[601,1364,1365],{},"EmailNotification"," without ",[601,1368,1369],{},"body",", plus three optional fields:",[1372,1373,1374,1387],"table",{},[1375,1376,1377],"thead",{},[1378,1379,1380,1384],"tr",{},[1381,1382,1383],"th",{},"Field",[1381,1385,1386],{},"Purpose",[1388,1389,1390,1404,1418],"tbody",{},[1378,1391,1392,1398],{},[1393,1394,1395],"td",{},[601,1396,1397],{},"subject",[1393,1399,1400,1401,1403],{},"Overrides ",[601,1402,1149],{},". Required when the template has none.",[1378,1405,1406,1411],{},[1393,1407,1408],{},[601,1409,1410],{},"text",[1393,1412,1413,1414,1417],{},"Your own plain text, or ",[601,1415,1416],{},"false"," for HTML only.",[1378,1419,1420,1425],{},[1393,1421,1422],{},[601,1423,1424],{},"locale",[1393,1426,1427],{},"The locale to render the template in.",[1429,1430,1431,1432,1435],"tip",{},"To send without a template, call ",[601,1433,1434],{},"dispatchEmailNotification({ to, subject, body, text })"," from Notify.",[1437,1438,1441,1444,1445,1448,1449,1452,1453,1456],"callout",{"color":1439,"icon":1440},"success","i-lucide-check",[596,1442,1443],{},"What you should see:"," signed in, ",[601,1446,1447],{},"POST \u002Fapi\u002Fwelcome"," answers ",[601,1450,1451],{},"{ \"sent\": true }",", and the terminal running\n",[601,1454,1455],{},"pnpm dev"," prints the email.",[606,1458,1460],{"id":1459},"_4-choose-a-driver","4. Choose a driver",[593,1462,616,1463,1465,1466,725],{},[601,1464,781],{}," driver prints emails to the terminal. That is the safe default for development. Switch drivers per\nenvironment with variables, which win over ",[601,1467,1468],{},"nuxt.config.ts",[1372,1470,1471,1480],{},[1375,1472,1473],{},[1378,1474,1475,1478],{},[1381,1476,1477],{},"Variable",[1381,1479,1386],{},[1388,1481,1482,1505,1518],{},[1378,1483,1484,1489],{},[1393,1485,1486],{},[601,1487,1488],{},"NUXT_NOTIFY_EMAIL_DRIVER",[1393,1490,1491,1493,1494,1497,1498,1501,1502,625],{},[601,1492,781],{}," (default), ",[601,1495,1496],{},"resend",", ",[601,1499,1500],{},"ses"," or ",[601,1503,1504],{},"cloudflare",[1378,1506,1507,1512],{},[1393,1508,1509],{},[601,1510,1511],{},"NUXT_NOTIFY_EMAIL_FROM",[1393,1513,1514,1515,625],{},"The sender address, for example ",[601,1516,1517],{},"Frigear \u003Cno-reply@frigear.nu>",[1378,1519,1520,1525],{},[1393,1521,1522],{},[601,1523,1524],{},"NUXT_NOTIFY_EMAIL_RESEND_API_TOKEN",[1393,1526,1527,1528,1530],{},"The API token, with the ",[601,1529,1496],{}," driver.",[593,1532,1533,1535,1536,1538],{},[601,1534,1500],{}," and ",[601,1537,1504],{}," have their own credentials. A missing one fails the send, with an error that names the\nvariable.",[606,1540,1542],{"id":1541},"next-steps","Next steps",[611,1544,1545,1554,1559],{},[614,1546,1547,1549,1550,1553],{},[618,1548,490],{"href":491}," – send this email from the ",[601,1551,1552],{},"events:ticket:paid"," hook.",[614,1555,1556,1558],{},[618,1557,407],{"href":408}," – use the components and branding, override the module emails\nby file name, and preview them in DevTools.",[614,1560,1561,1563],{},[618,1562,403],{"href":404}," – send SMS and simple notifications, or write your own driver.",[1565,1566,1567],"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 .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 .sfNiH, html code.shiki .sfNiH{--shiki-light:#FF5370;--shiki-default:#FF9CAC;--shiki-dark:#FF9CAC}",{"title":654,"searchDepth":718,"depth":718,"links":1569},[1570,1571,1572,1573,1574,1575],{"id":608,"depth":718,"text":609},{"id":643,"depth":718,"text":644},{"id":801,"depth":718,"text":802},{"id":1164,"depth":718,"text":1165},{"id":1459,"depth":718,"text":1460},{"id":1541,"depth":718,"text":1542},"Send a branded email from a Vue template with sendEmailTemplate, and pick the delivery driver.","md",null,{},{"icon":503},{"title":500,"description":1576},"Fkdh3Gc9nijNj0QuTPU1fsYI905Im4OvT8tQ179-XeA",[1584,1586],{"title":495,"path":496,"stem":497,"description":1585,"icon":498,"children":-1},"Define a database-stored form in code, seed it, and publish it at \u002Fforms\u002F\u003Cslug> with email delivery.",{"title":173,"path":511,"stem":512,"description":1587,"icon":506,"children":-1},"How the Frigear repository is laid out, the rules every change follows and where each contributor guide is.",1794503140360]