Code completion in ModalComponent

[risalfajar]

Describe the feature in detail (code, mocks, or screenshots encouraged)

We can provide code completion by using Typescript generics in ModalComponent:

import { ComponentProps, SvelteComponent } from "svelte"

export declare type Constructor<T> = new (...args: any[]) => T;

export interface ModalComponent<T extends SvelteComponent> {
	/** Import and provide your component reference. */
	ref: Constructor<T>;
	/** Provide component props as key/value pairs. */
	props?: ComponentProps<T>;
	/** Provide an HTML template literal for the default slot. */
	slot?: string;
}

What type of pull request would this be?

Enhancement

Provide relevant links or additional information.

Code is taken from https://github.com/bryanmylee/svelte-render/blob/main/src/lib/createRender.ts

[endigo9740]

@AdrianGonz97 given you're taking a look at the Modal store soon, I thought I might bring this to your attention. We've had similar requests in the past. If you think it's better to handle separately that's fine too.

[endigo9740]

See also: #1188

[HugeLetters]

@endigo9740 hi, as previously discussed I would like to take a shot at this issue as well - no promises tho since it seems like a much harder task than with Autocomplete ;)

[endigo9740]

@HugeLetters go for it. I'll assign this to you now. Thanks for your continued help!

[endigo9740]

In an effort to prepare for Skeleton v3, we're consolidate some related issues down to a single ticket. This will ensure that we can see the full context of requests when the time comes to refactor and update this feature going forward. If you wish to add additional feedback or suggestions, please so here:

• NEXT: Overlay System (modals/drawers/toasts) #2357