Webseite:Svelte • Cybernetically enhanced web appsInhalt
document.documentElement.classList.add( JSON.parse(localStore.getItem('svelte:theme'))?.current?? (window.matchMedia('(prefers-color-scheme:dark)').matches?'dark':'light') ); document.documentElement.classList.add( `font-${localStore.getItem('svelte:font')??'elegant'}` ); svg.svelte-r1j42q{vertical-align:middle;-o-object-fit:contain;object-fit:contain;transform-origin:50%;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;fill:none;position:relative;overflow:hidden} Svelte•Webdevelopmentfortherestofus { constdiv=document.createElement('div'); Object.assign(div.style,{ width:'100px', height:'100px', overflow:'scroll', position:'absolute', top:'-9999px' }); document.body.append(div); document.documentElement.classList.add( div.offsetWidth-div.clientWidth>0?'scrollbars-visible':'scrollbars-invisible' ); div.remove(); } SkiptomaincontentDocsSvelteSvelteKitCLITutorialPlaygroundBlogSveltewebdevelopmentfortherestofusgetstartedattractivelythin,gracefulandstylishSvelteisaUIframeworkthatusesacompilertoletyouwritebreathtakinglyconcise componentsthatdominimalworkinthebrowser,usinglanguesyoualreadyknow—HTML,CSS andJaScript.It’salovelettertowebdevelopment.Butdon’ttakeourwordforit.DevelopersconsistentlyrankSvelteastheframeworkthey’re mostexcitedaboutusing.usedbycompaniesyou’veheardofWatchthefullSvelteOriginsdocumentaryjoinourfriendlycommunityOursisterorganisation,SvelteSociety,organises eventsaroundtheglobe.FindyourchapterandjoinusinourDiscordserver.PhotosbyMarcelCuttsBackedbyVercelandcountlessdonors, developedbyfull-timeandpart-timemaintainers,Svelteisheretostay.Rich-HarrisConduitrydummdidummtrueadmtanhauhaubenmccannpaoloricciutiPuruVJbaseballyamagtm-nayanSwatinemDreaminDanijacwrightlukeedmindronesmrkishipngwnngtr6788geoffrichekhaledignatiusmbEmilTholinantonynoritetivaczxbodyabtk5hjchesdominikgPaulBGDhalfnelsonpushkineadigubaTehShrikeGarrettGeorgeFWeinbbtakitaevs-chriscolincaseyjamesbirtlesbrunnerhjacobmischkafcrozatierbluwyarxpoeticawackbytedimfeldkaisermannDripsDatawrapperVercelCohereDabbleFrontendMastersMonogramHuggingFacePQINAThreemaOpenSourceFundCodesmithRasterastJeffMoeINVISRMattLayer0SanityMetafyChangelogClancyDigitalxyflow-ReactFlow|SvelteFlowKenoxaGmbHLevelUpTutorialsKoheiYoshinoThePuddingJasonHetheringtonZeverbachDonovanDikaiomultiEvidenceDidStevensHandsontable-JaScriptDataGridDong-wonJeffreyLeen8n.io-n8nGmbHSentryCliffJohnson0+XEmmaeringHyunbinScottSpenceCainVoongNickyHajalRobertBalfreTigrisDataDeanPapastratBuildLabOskarOldorf©2024Sveltecontributors.SvelteisfreeandopensourcesoftwarereleasedundertheMITlicense. { __sveltekit_f68ge5={ base:newURL(".",location).pathname.slice(0,-1) }; constelement=document.currentScript.parentElement; Promise.all([ import("./_app/immutable/entry/start.-PBipUaj.js"), import("./_app/immutable/entry/app.BlohB5Wc.js") ]).then(([kit,app])=>{ kit.start(app,element,{ node_ids:[0,5], data:[{"type":"data","data":{n_title:"",n_links:[{title:"Docs",slug:"docs",sections:[{title:"Svelte",path:"/docs/svelte",sections:[{title:"Introduction",sections:[{title:"Overview",path:"/docs/svelte/overview"},{title:"Gettingstarted",path:"/docs/svelte/getting-started"},{title:".sveltefiles",path:"/docs/svelte/svelte-files"},{title:".svelte.jsand.svelte.tsfiles",path:"/docs/svelte/svelte-js-files"}]},{title:"Runes",sections:[{title:"Whatarerunes?",path:"/docs/svelte/what-are-runes"},{title:"$state",path:"/docs/svelte/$state"},{title:"$derived",path:"/docs/svelte/$derived"},{title:"$effect",path:"/docs/svelte/$effect"},{title:"$props",path:"/docs/svelte/$props"},{title:"$bindable",path:"/docs/svelte/$bindable"},{title:"$inspect",path:"/docs/svelte/$inspect"},{title:"$host",path:"/docs/svelte/$host"}]},{title:"Templatesyntax",sections:[{title:"Basicmarkup",path:"/docs/svelte/basic-markup"},{title:"{#if...}",path:"/docs/svelte/if"},{title:"{#each...}",path:"/docs/svelte/each"},{title:"{#key...}",path:"/docs/svelte/key"},{title:"{#await...}",path:"/docs/svelte/await"},{title:"{#snippet...}",path:"/docs/svelte/snippet"},{title:"{@render...}",path:"/docs/svelte/@render"},{title:"{@html...}",path:"/docs/svelte/@html"},{title:"{@const...}",path:"/docs/svelte/@const"},{title:"{@debug...}",path:"/docs/svelte/@debug"},{title:"bind:",path:"/docs/svelte/bind"},{title:"use:",path:"/docs/svelte/use"},{title:"transition:",path:"/docs/svelte/transition"},{title:"in:andout:",path:"/docs/svelte/in-and-out"},{title:"animate:",path:"/docs/svelte/animate"},{title:"class:",path:"/docs/svelte/class"},{title:"style:",path:"/docs/svelte/style"}]},{title:"Styling",sections:[{title:"Scopedstyles",path:"/docs/svelte/scoped-styles"},{title:"Globalstyles",path:"/docs/svelte/global-styles"},{title:"Customproperties",path:"/docs/svelte/custom-properties"},{title:"Nested\u003Cstyle>elements",path:"/docs/svelte/nested-style-elements"}]},{title:"Specialelements",sections:[{title:"\u003Csvelte:boundary>",path:"/docs/svelte/svelte-boundary"},{title:"\u003Csvelte:window>",path:"/docs/svelte/svelte-window"},{title:"\u003Csvelte:document>",path:"/docs/svelte/svelte-document"},{title:"\u003Csvelte:body>",path:"/docs/svelte/svelte-body"},{title:"\u003Csvelte:head>",path:"/docs/svelte/svelte-head"},{title:"\u003Csvelte:element>",path:"/docs/svelte/svelte-element"},{title:"\u003Csvelte:options>",path:"/docs/svelte/svelte-options"}]},{title:"Runtime",sections:[{title:"Stores",path:"/docs/svelte/stores"},{title:"Context",path:"/docs/svelte/context"},{title:"Lifecyclehooks",path:"/docs/svelte/lifecycle-hooks"},{title:"ImperativecomponentAPI",path:"/docs/svelte/imperative-component-api"}]},{title:"Misc",sections:[{title:"Testing",path:"/docs/svelte/testing"},{title:"TypeScript",path:"/docs/svelte/typescript"},{title:"Customelements",path:"/docs/svelte/custom-elements"},{title:"Svelte4migrationguide",path:"/docs/svelte/v4-migration-guide"},{title:"Svelte5migrationguide",path:"/docs/svelte/v5-migration-guide"},{title:"Frequentlyaskedquestions",path:"/docs/svelte/faq"}]},{title:"Reference",sections:[{title:"svelte",path:"/docs/svelte/svelte"},{title:"svelte/action",path:"/docs/svelte/svelte-action"},{title:"svelte/animate",path:"/docs/svelte/svelte-animate"},{title:"svelte/compiler",path:"/docs/svelte/svelte-compiler"},{title:"svelte/easing",path:"/docs/svelte/svelte-easing"},{title:"svelte/events",path:"/docs/svelte/svelte-events"},{title:"svelte/legacy",path:"/docs/svelte/svelte-legacy"},{title:"svelte/motion",path:"/docs/svelte/svelte-motion"},{title:"svelte/reactivity/window",path:"/docs/svelte/svelte-reactivity-window"},{title:"svelte/reactivity",path:"/docs/svelte/svelte-reactivity"},{title:"svelte/server",path:"/docs/svelte/svelte-server"},{title:"svelte/store",path:"/docs/svelte/svelte-store"},{title:"svelte/transition",path:"/docs/svelte/svelte-transition"},{title:"Compilererrors",path:"/docs/svelte/compiler-errors"},{title:"Compilerwarnings",path:"/docs/svelte/compiler-warnings"},{title:"Runtimeerrors",path:"/docs/svelte/runtime-errors"},{title:"Runtimewarnings",path:"/docs/svelte/runtime-warnings"}]},{title:"LegacyAPIs",sections:[{title:"Overview",path:"/docs/svelte/legacy-overview"},{title:"Reactivelet/vardeclarations",path:"/docs/svelte/legacy-let"},{title:"Reactive$:statements",path:"/docs/svelte/legacy-reactive-assignments"},{title:"exportlet",path:"/docs/svelte/legacy-export-let"},{title:"$$propsand$$restProps",path:"/docs/svelte/legacy-$$props-and-$$restProps"},{title:"on:",path:"/docs/svelte/legacy-on"},{title:"\u003Cslot>",path:"/docs/svelte/legacy-slots"},{title:"$$slots",path:"/docs/svelte/legacy-$$slots"},{title:"\u003Csvelte:frment>",path:"/docs/svelte/legacy-svelte-frment"},{title:"\u003Csvelte:component>",path:"/docs/svelte/legacy-svelte-component"},{title:"\u003Csvelte:self>",path:"/docs/svelte/legacy-svelte-self"},{title:"ImperativecomponentAPI",path:"/docs/svelte/legacy-component-api"}]}]},{title:"SvelteKit",path:"/docs/kit",sections:[{title:"Gettingstarted",sections:[{title:"Introduction",path:"/docs/kit/introduction"},{title:"Creatingaproject",path:"/docs/kit/creating-a-project"},{title:"Projectstructure",path:"/docs/kit/project-structure"},{title:"Webstandards",path:"/docs/kit/web-standards"}]},{title:"Coreconcepts",sections:[{title:"Routing",path:"/docs/kit/routing"},{title:"Loadingdata",path:"/docs/kit/load"},{title:"Formactions",path:"/docs/kit/form-actions"},{title:"Peoptions",path:"/docs/kit/pe-options"},{title:"Statemanement",path:"/docs/kit/state-manement"}]},{title:"Buildanddeploy",sections:[{title:"Buildingyourapp",path:"/docs/kit/building-your-app"},{title:"Adapters",path:"/docs/kit/adapters"},{title:"Zero-configdeployments",path:"/docs/kit/adapter-auto"},{title:"Nodeservers",path:"/docs/kit/adapter-node"},{title:"Staticsitegeneration",path:"/docs/kit/adapter-static"},{title:"Single-peapps",path:"/docs/kit/single-pe-apps"},{title:"CloudflarePes",path:"/docs/kit/adapter-cloudflare"},{title:"CloudflareWorkers",path:"/docs/kit/adapter-cloudflare-workers"},{title:"Netlify",path:"/docs/kit/adapter-netlify"},{title:"Vercel",path:"/docs/kit/adapter-vercel"},{title:"Writingadapters",path:"/docs/kit/writing-adapters"}]},{title:"Advanced",sections:[{title:"Advancedrouting",path:"/docs/kit/advanced-routing"},{title:"Hooks",path:"/docs/kit/hooks"},{title:"Errors",path:"/docs/kit/errors"},{title:"Linkoptions",path:"/docs/kit/link-options"},{title:"Serviceworkers",path:"/docs/kit/service-workers"},{title:"Server-onlymodules",path:"/docs/kit/server-only-modules"},{title:"Snapshots",path:"/docs/kit/snapshots"},{title:"Shallowrouting",path:"/docs/kit/shallow-routing"},{title:"Packing",path:"/docs/kit/packing"}]},{title:"Bestpractices",sections:[{title:"Auth",path:"/docs/kit/auth"},{title:"Performance",path:"/docs/kit/performance"},{title:"Imes",path:"/docs/kit/imes"},{title:"Accessibility",path:"/docs/kit/accessibility"},{title:"SEO",path:"/docs/kit/seo"}]},{title:"Appendix",sections:[{title:"Frequentlyaskedquestions",path:"/docs/kit/faq"},{title:"Integrations",path:"/docs/kit/integrations"},{title:"BreakpointDebugging",path:"/docs/kit/debugging"},{title:"MigratingtoSvelteKitv2",path:"/docs/kit/migrating-to-sveltekit-2"},{title:"MigratingfromSapper",path:"/docs/kit/migrating"},{title:"Additionalresources",path:"/docs/kit/additional-resources"},{title:"Glossary",path:"/docs/kit/glossary"}]},{title:"Reference",sections:[{title:"@sveltejs/kit",path:"/docs/kit/@sveltejs-kit"},{title:"@sveltejs/kit/hooks",path:"/docs/kit/@sveltejs-kit-hooks"},{title:"@sveltejs/kit/node/polyfills",path:"/docs/kit/@sveltejs-kit-node-polyfills"},{title:"@sveltejs/kit/node",path:"/docs/kit/@sveltejs-kit-node"},{title:"@sveltejs/kit/vite",path:"/docs/kit/@sveltejs-kit-vite"},{title:"$app/environment",path:"/docs/kit/$app-environment"},{title:"$app/forms",path:"/docs/kit/$app-forms"},{title:"$app/nigation",path:"/docs/kit/$app-nigation"},{title:"$app/paths",path:"/docs/kit/$app-paths"},{title:"$app/server"Svelte • Cybernetically enhanced web apps,path:"/docs/kit/$app-server"},{title:"$app/state",path:"/docs/kit/$app-state"},{title:"$app/stores",path:"/docs/kit/$app-stores"},{title:"$env/dynamic/private",path:"/docs/kit/$env-dynamic-private"},{title:"$env/dynamic/public",path:"/docs/kit/$env-dynamic-public"},{title:"$env/static/private",path:"/docs/kit/$env-static-private"},{title:"$env/static/public",path:"/docs/kit/$env-static-public"},{title:"$lib",path:"/docs/kit/$lib"},{title:"$service-worker",path:"/docs/kit/$service-worker"},{title:"Configuration",path:"/docs/kit/configuration"},{title:"CommandLineInterface",path:"/docs/kit/cli"},{title:"Types",path:"/docs/kit/types"}]}]},{title:"CLI",path:"/docs/cli",sections:[{title:"Introduction",sections:[{title:"Overview",path:"/docs/cli/overview"}]},{title:"Commands",sections:[{title:"svcreate",path:"/docs/cli/sv-create"},{title:"svadd",path:"/docs/cli/sv-add"},{title:"svcheck",path:"/docs/cli/sv-check"},{title:"svmigrate",path:"/docs/cli/sv-migrate"}]}]}]},{title:"Tutorial",slug:"tutorial",sections:[{title:"BasicSvelte",sections:[{title:"Introduction",sections:[{title:"WelcometoSvelte",path:"/tutorial/svelte/welcome-to-svelte"},{title:"Yourfirstcomponent",path:"/tutorial/svelte/your-first-component"},{title:"Dynamicattributes",path:"/tutorial/svelte/dynamic-attributes"},{title:"Styling",path:"/tutorial/svelte/styling"},{title:"Nestedcomponents",path:"/tutorial/svelte/nested-components"},{title:"HTMLts",path:"/tutorial/svelte/html-ts"}]},{title:"Reactivity",sections:[{title:"State",path:"/tutorial/svelte/state"},{title:"Deepstate",path:"/tutorial/svelte/deep-state"},{title:"Derivedstate",path:"/tutorial/svelte/derived-state"},{title:"Inspectingstate",path:"/tutorial/svelte/inspecting-state"},{title:"Effects",path:"/tutorial/svelte/effects"},{title:"Universalreactivity",path:"/tutorial/svelte/universal-reactivity"}]},{title:"Props",sections:[{title:"Declaringprops",path:"/tutorial/svelte/declaring-props"},{title:"Defaultvalues",path:"/tutorial/svelte/default-values"},{title:"Spreadprops",path:"/tutorial/svelte/spread-props"}]},{title:"Logic",sections:[{title:"Ifblocks",path:"/tutorial/svelte/if-blocks"},{title:"Elseblocks",path:"/tutorial/svelte/else-blocks"},{title:"Else-ifblocks",path:"/tutorial/svelte/else-if-blocks"},{title:"Svelte • Cybernetically enhanced web appsEachblocks",path:"/tutorial/svelte/each-blocks"},{title:"Keyedeachblocks",path:"/tutorial/svelte/keyed-each-blocks"},{title:"Awaitblocks",path:"/tutorial/svelte/await-blocks"}]},{title:"Events",sections:[{title:"DOMevents",path:"/tutorial/svelte/dom-events"},{title:"Inlinehandlers",path:"/tutorial/svelte/inline-handlers"},{title:"Capturing",path:"/tutorial/svelte/capturing"},{title:"Componentevents",path:"/tutorial/svelte/component-events"},{title:"Spreadingevents",path:"/tutorial/svelte/spreading-events"}]},{title:"Bindings",sections:[{title:"Textinputs",path:"/tutorial/svelte/text-inputs"},{title:"Numericinputs",path:"/tutorial/svelte/numeric-inputs"},{title:"Checkboxinputs",path:"/tutorial/svelte/checkbox-inputs"},{title:"Selectbindings",path:"/tutorial/svelte/select-bindings"},{title:"Groupinputs",path:"/tutorial/svelte/group-inputs"},{title:"Selectmultiple",path:"/tutorial/svelte/multiple-select-bindings"},{title:"Textareainputs",path:"/tutorial/svelte/textarea-inputs"}]},{title:"Classesandstyles",sections:[{title:"Theclassdirective",path:"/tutorial/svelte/classes"},{title:"Shorthandclassdirective",path:"/tutorial/svelte/class-shorthand"},{title:"Thestyledirective",path:"/tutorial/svelte/styles"},{title:"Componentstyles",path:"/tutorial/svelte/component-styles"}]},{title:"Actions",sections:[{title:"Theusedirective",path:"/tutorial/svelte/actions"},{title:"Addingparameters",path:"/tutorial/svelte/adding-parameters-to-actions"}]},{title:"Transitions",sections:[{title:"Thetransitiondirective",path:"/tutorial/svelte/transition"},{title:"Addingparameters",path:"/tutorial/svelte/adding-parameters-to-transitions"},{title:"Inandout",path:"/tutorial/svelte/in-and-out"},{title:"CustomCSStransitions",path:"/tutorial/svelte/custom-css-transitions"},{title:"CustomJStransitions",path:"/tutorial/svelte/custom-js-transitions"},{title:"Transitionevents",path:"/tutorial/svelte/transition-events"},{title:"Globaltransitions",path:"/tutorial/svelte/global-transitions"},{title:"Keyblocks",path:"/tutorial/svelte/key-blocks"}]}]},{title:"AdvancedSvelte",sections:[{title:"Advancedreactivity",sections:[{title:"Rawstate",path:"/tutorial/svelte/raw-state"},{title:"Reactiveclasses",path:"/tutorial/svelte/reactive-classes"},{title:"GettersSvelte • Cybernetically enhanced web appsandsetters",path:"/tutorial/svelte/getters-and-setters"},{title:"Reactivebuilt-ins",path:"/tutorial/svelte/reactive-builtins"},{title:"Stores",path:"/tutorial/svelte/stores"}]},{title:"Reusingcontent",sections:[{title:"Snippetsandrenderts",path:"/tutorial/svelte/snippets-and-render-ts"},{title:"Passingsnippetstocomponents",path:"/tutorial/svelte/passing-snippets"},{title:"Implicitsnippetprops",path:"/tutorial/svelte/implicit-snippet-props"}]},{title:"Motion",sections:[{title:"Tweenedvalues",path:"/tutorial/svelte/tweens"},{title:"Springs",path:"/tutorial/svelte/springs"}]},{title:"Advancedbindings",sections:[{title:"Contenteditablebindings",path:"/tutorial/svelte/contenteditable-bindings"},{title:"Eachblockbindings",path:"/tutorial/svelte/each-block-bindings"},{title:"Mediaelements",path:"/tutorial/svelte/media-elements"},{title:"Dimensions",path:"/tutorial/svelte/dimensions"},{title:"This",path:"/tutorial/svelte/bind-this"},{title:"Componentbindings",path:"/tutorial/svelte/component-bindings"},{title:"Bindingtocomponentinstances",path:"/tutorial/svelte/component-this"}]},{title:"Advancedtransitions",sections:[{title:"Deferredtransitions",path:"/tutorial/svelte/deferred-transitions"},{title:"Animations",path:"/tutorial/svelte/animations"}]},{title:"ContextAPI",sections:[{title:"setContextandgetContext",path:"/tutorial/svelte/context-api"}]},{title:"Specialelements",sections:[{title:"\u003Csvelte:window>",path:"/tutorial/svelte/svelte-window"},{title:"\u003Csvelte:window>bindings",path:"/tutorial/svelte/svelte-window-bindings"},{title:"\u003Csvelte:document>",path:"/tutorial/svelte/svelte-document"},{title:"\u003Csvelte:body>",path:"/tutorial/svelte/svelte-body"},{title:"\u003Csvelte:head>",path:"/tutorial/svelte/svelte-head"},{title:"\u003Csvelte:element>",path:"/tutorial/svelte/svelte-element"},{title:"\u003Csvelte:boundary>",path:"/tutorial/svelte/svelte-boundary"}]},{title:"\u003Cscriptmodule>",sections:[{title:"Sharingcode",path:"/tutorial/svelte/sharing-code"},{title:"Exports",path:"/tutorial/svelte/module-exports"}]},{title:"Nextsteps",sections:[{title:"Congratulations!",path:"/tutorial/svelte/congratulations"}]}]},{title:"BasicSvelteKit",sections:[{title:"Introduction",sections:[{title:"WhatisSvelteKit?",path:"/tutorial/kit/introducing-sveltekit"}]},{title:"Routing",sections:[{title:"Pes",path:"/tutorial/kit/pes"},{title:"Layouts",path:"/tutorial/kit/layouts"},{title:"Routeparameters",path:"/tutorial/kit/params"}]},{title:"Loadingdata",sections:[{title:"Pedata",path:"/tutorial/kit/pe-data"},{title:"Layoutdata",path:"/tutorial/kit/layout-data"}]},{title:"Headersandcookies",sections:[{title:"Settingheaders",path:"/tutorial/kit/headers"},{title:"Readingandwritingcookies",path:"/tutorial/kit/cookies"}]},{title:"Sharedmodules",sections:[{title:"The$libalias",path:"/tutorial/kit/lib"}]},{title:"Forms",sections:[{title:"The\u003Cform>element",path:"/tutorial/kit/the-form-element"},{title:"Namedformactions",path:"/tutorial/kit/named-form-actions"},{title:"Validation",path:"/tutorial/kit/form-validation"},{title:"Progressiveenhancement",path:"/tutorial/kit/progressive-enhancement"},{title:"Customizinguse:enhance",path:"/tutorial/kit/customizing-use-enhance"}]},{title:"APIroutes",sections:[{title:"GEThandlers",path:"/tutorial/kit/get-handlers"},{title:"POSThandlers",path:"/tutorial/kit/post-handlers"},{title:"Otherhandlers",path:"/tutorial/kit/other-handlers"}]},{title:"$app/state",sections:[{title:"pe",path:"/tutorial/kit/pe-state"},{title:"nigating",path:"/tutorial/kit/nigating-state"},{title:"updated",path:"/tutorial/kit/updated-state"}]},{title:"Errorsandredirects",sections:[{title:"Basics",path:"/tutorial/kit/error-basics"},{title:"Errorpes",path:"/tutorial/kit/error-pes"},{title:"Fallbackerrors",path:"/tutorial/kit/fallback-errors"},{title:"Redirects",path:"/tutorial/kit/redirects"}]}]},{title:"AdvancedSvelteKit",sections:[{title:"Hooks",sections:[{title:"handle",path:"/tutorial/kit/handle"},{title:"TheRequestEventobject",path:"/tutorial/kit/event"},{title:"handleFetch",path:"/tutorial/kit/handlefetch"},{title:"handleError",path:"/tutorial/kit/handleerror"}]},{title:"Peoptions",sections:[{title:"Basics",path:"/tutorial/kit/pe-options"},{title:"ssr",path:"/tutorial/kit/ssr"},{title:"csr",path:"/tutorial/kit/csr"},{title:"prerender",path:"/tutorial/kit/prerender"},{title:"trailingSlash",path:"/tutorial/kit/trailingslash"}]},{title:"Linkoptions",sections:[{title:"Preloading",path:"/tutorial/kit/preload"},{title:"Reloadingthepe",path:"/tutorial/kit/reload"}]},{title:"Advancedrouting",sections:[{title:"Optionalparameters",path:"/tutorial/kit/optional-params"},{title:"Restparameters",path:"/tutorial/kit/rest-params"},{title:"Parammatchers",path:"/tutorial/kit/param-matchers"},{title:"Routegroups",path:"/tutorial/kit/route-groups"},{title:"Breakingoutoflayouts",path:"/tutorial/kit/breaking-out-of-layouts"}]},{title:"Advancedloading",sections:[{title:"Universalloadfunctions",path:"/tutorial/kit/universal-load-functions"},{title:"Usingbothloadfunctions",path:"/tutorial/kit/using-both-load-functions"},{title:"Usingparentdata",path:"/tutorial/kit/await-parent"},{title:"Invalidation",path:"/tutorial/kit/invalidation"},{title:"Customdependencies",path:"/tutorial/kit/custom-dependencies"},{title:"invalidateAll",path:"/tutorial/kit/invalidate-all"}]},{title:"Environmentvariables",sections:[{title:"$env/static/private",path:"/tutorial/kit/env-static-private"},{title:"$env/dynamic/private",path:"/tutorial/kit/env-dynamic-private"},{title:"$env/static/public",path:"/tutorial/kit/env-static-public"},{title:"$env/dynamic/public",path:"/tutorial/kit/env-dynamic-public"}]},{title:"Conclusion",sections:[{title:"Nextsteps",path:"/tutorial/kit/next-steps"}]}]}]},{title:"Playground",slug:"playground"},{title:"Blog",slug:"blog"}],banner:{id:"adventofsvelte2024",start:newDate(00),end:newDate(00),arrow:true,content:{lg:"Twenty-fourdays,twenty-fourfeatures:AdventofSvelte2024",sm:"AdventofSvelte2024"},href:"/blog/advent-of-svelte"}},"uses":{"url":1}},null], form:null, error:null }); }); } if(localStore.getItem('svelte:show-legacy')!=='false'){ for(constnodeofdocument.querySelectorAll('details.legacy')){ node.open=true; } } if(localStore.getItem('svelte:prefers-ts')==='false'){ for(constnodeofdocument.querySelectorAll('.ts-toggle')){ node.checked=false; } }