sveltekit-data
Installation
SKILL.md
SvelteKit Data: Loading, Form Actions, Page Options (SvelteKit 2)
本技能覆盖 SvelteKit 数据层的三大支柱:(1) Loading data(+page.js / +page.server.js / +layout.js / +layout.server.js 的 load 函数、page.data、URL 数据、cookies/headers、错误与重定向、流式响应、依赖追踪与手动失效),(2) Form actions(默认/具名 actions、fail 验证、use:enhance 渐进增强、GET vs POST),(3) Page options(prerender / entries / ssr / csr / trailingSlash / config)。
When to use this skill
- 决定
+page.jsvs+page.server.js的取舍(隐私凭据、序列化、组合使用) - 在
load函数中使用params/route/url/fetch/parent/depends/untrack - 用
page.data在父布局访问子页面数据 - 用
error(status, msg)/redirect(status, location)终止 load/action - 用返回 Promise 实现 streaming 骨架屏
- 解决"load 函数何时重新执行"以及如何用
invalidate/invalidateAll/untrack精确控制 - 在 server
load/ action 中读cookies/ 设响应头 - 设计
+page.server.js的 actions:默认 action、具名 action、?/name查询参数、fail()验证 - 用
use:enhance渐进增强表单、回填form字段、阻止默认重置、自定义applyAction - 决定哪些路由
prerender = true/entries()/ssr = false/csr = false/trailingSlash