Describe the problem

Say I have a load function that fetches data based on:

• page.params.paramA
• page.params.paramB
• or any other page/session argument that would rerun load

Each data fetching call is independent from one another.

If I goto to change only paramA, all my data fetching calls will be rerun, when only the one depending on paramA needs to rerun.

Describe the proposed solution

I'd like to be able to define different load functions that would refetch if its dependencies change, but would return a Promise.resolve() of previously fetched data if other params change.

For instance, we might imagine a loaders field in load inputs, and other loadX functions with the same load signature:

function loadA({ page, fetch }) {
    return fetch(`/some-endpoint/${page.param.a}`);
}

function loadB({ page, fetch }) {
    return fetch(`/some-endpoint/${page.param.b}`);
}

export function load({ loaders }) {
    return Promise.all(loaders).then(([dataA, dataB]) => {
        return {};
    });
}

Alternatives considered

Use data fetching without load, with onMount.

Importance

nice to have

Additional Information

No response