Skeleton: Define dependencies when fetching data

src/routes/+layout.ts

@@ -10,7 +10,9 @@ export const ssr = false;
 // since it's populated inside hooks.server.ts per request.
 // It will populate the "user" attribute of each page's "data" object,
 // so each page has access to the current user (or knows if no one is signed in).
-export const load: LayoutLoad = async () => {
+export const load: LayoutLoad = async ({ fetch, depends }) => {
+  depends("data:graphics");
+
   return {
     // User information (synchronous)
     user: pbUser,

src/routes/data/raceresults/+page.ts

@@ -1,7 +1,9 @@
 import { fetch_drivers, fetch_raceresults, fetch_races } from "$lib/fetch";
 import type { PageLoad } from "../../$types";
 
-export const load: PageLoad = async ({ fetch }) => {
+export const load: PageLoad = async ({ fetch, depends }) => {
+  depends("data:drivers", "data:races", "data:raceresults");
+
   return {
     drivers: fetch_drivers(fetch),
     races: fetch_races(fetch),

src/routes/data/season/drivers/+page.ts

@@ -1,7 +1,9 @@
 import { fetch_drivers, fetch_teams } from "$lib/fetch";
 import type { PageLoad } from "../../../$types";
 
-export const load: PageLoad = async ({ fetch }) => {
+export const load: PageLoad = async ({ fetch, depends }) => {
+  depends("data:teams", "data:drivers");
+
   return {
     teams: fetch_teams(fetch),
     drivers: fetch_drivers(fetch),

src/routes/data/season/races/+page.ts

@@ -1,7 +1,9 @@
 import { fetch_races } from "$lib/fetch";
 import type { PageLoad } from "../../../$types";
 
-export const load: PageLoad = async ({ fetch }) => {
+export const load: PageLoad = async ({ fetch, depends }) => {
+  depends("data:races");
+
   return {
     races: fetch_races(fetch),
   };

src/routes/data/season/substitutions/+page.ts

@@ -1,7 +1,9 @@
 import { fetch_drivers, fetch_races, fetch_substitutions } from "$lib/fetch";
 import type { PageLoad } from "../../../$types";
 
-export const load: PageLoad = async ({ fetch }) => {
+export const load: PageLoad = async ({ fetch, depends }) => {
+  depends("data:races", "data:drivers", "data:substitutions");
+
   return {
     races: fetch_races(fetch),
     drivers: fetch_drivers(fetch),

src/routes/data/season/teams/+page.ts

@@ -1,7 +1,9 @@
 import { fetch_teams } from "$lib/fetch";
 import type { PageLoad } from "../../../$types";
 
-export const load: PageLoad = async ({ fetch }) => {
+export const load: PageLoad = async ({ fetch, depends }) => {
+  depends("data:teams");
+
   return {
     teams: fetch_teams(fetch),
   };

src/routes/data/users/+page.ts

@@ -1,7 +1,9 @@
 import { fetch_users } from "$lib/fetch";
 import type { PageLoad } from "../../$types";
 
-export const load: PageLoad = async ({ fetch }) => {
+export const load: PageLoad = async ({ fetch, depends }) => {
+  depends("data:users");
+
   return {
     users: await fetch_users(fetch),
   };

src/routes/racepicks/+page.ts

@@ -8,7 +8,16 @@ import {
 } from "$lib/fetch";
 import type { PageLoad } from "../$types";
 
-export const load: PageLoad = async ({ fetch }) => {
+export const load: PageLoad = async ({ fetch, depends }) => {
+  depends(
+    "data:racepicks",
+    "data:currentpickedusers",
+    "data:raceresults",
+    "data:drivers",
+    "data:races",
+    "data:currentrace",
+  );
+
   return {
     racepicks: fetch_racepicks(fetch),
     currentpickedusers: fetch_currentpickedusers(fetch),