Does svelte/valid-prop-names-in-kit-pages still matter?

[frederikhors]

Describe the problem

If I have this for a +page.svelte:

<script lang="ts">
    type Props = {
        some?: boolean;
        custom?: () => void;
        propss?: (something: SomeType) => void;
        here?: () => void;
    };

    let {
        some,
        custom,
        propss,
        here,
    }: Props = $props();

    // more code
</script>

I get the error on my some, custom, props, here props.

Why?

Describe the proposed solution

I would like to use all the props I need.

Alternatives considered

No response

Importance

would make my life easier

Additional Information

I opened sveltejs/eslint-plugin-svelte#1263 but I think this is something to discuss here instead. Right?

[paoloricciuti]

Because this component is handled by svelte kit so you will never get those props passed in. Even if you import and mount this component yourself it would still be better to just use data so that you can pass the same info from the load function

[frederikhors]

Even if you import and mount this component yourself it would still be better to just use data so that you can pass the same info from the load function

Ok, maybe I lack some info here.

I'm importing it like this:

{#await import('$lib/../routes/section/new/+page.svelte') then { default: New }}
    <New
        some
        custom={() => something()}
        propss={something}
        here={() => here()}
    />
{/await}

and it works. How can I use data and load function this way?

[paoloricciuti]

What I mean is that since that +page.svelte will also be a route and when you access that through routing you can't pass extra props it's better if you treat the component you import just like it it was mounter from a load function

{#await import('$lib/../routes/section/new/+page.svelte') then { default: New }}
    <New
        data={{
            some,
            custom: ()=> something(),
            props: something,
            here: ()=>here(),
        }}
    />
{/await}