SvelteRéférence

svelte/server

import { render(alias) function render<Comp extends SvelteComponent<any> | Component<any>, Props extends ComponentProps<Comp> = ComponentProps<Comp>>(...args: {} extends Props ? [component: Comp extends SvelteComponent<any> ? ComponentType<Comp> : Comp, options?: {
    props?: Omit<Props, "$$slots" | "$$events">;
    context?: Map<any, any>;
    idPrefix?: string;
    csp?: Csp;
    transformError?: (error: unknown) => unknown | Promise<unknown>;
}] : [component: Comp extends SvelteComponent<any> ? ComponentType<Comp> : Comp, options: {
    props: Omit<Props, "$$slots" | "$$events">;
    context?: Map<any, any>;
    idPrefix?: string;
    csp?: Csp;
    transformError?: (error: unknown) => unknown | Promise<unknown>;
}]): RenderOutput
import renderOnly available on the server and when compiling with the server option.
Takes a component and returns an object with body and head properties on it, which you can use to populate the HTML when server-rendering your app.
reference } from 'svelte/server';

render

Seulement disponible sur le serveur et lorsque vous compilez avec l’option server.

Prend un composant et renvoie un objet avec les propriétés body et head, que vous pouvez utiliser pour remplir votre HTML lors du rendu côté serveur de votre application.

function render<
	Comp extends SvelteComponent<any> | Component<any>,
	Props extends ComponentProps<Comp> = ComponentProps<Comp>
>(
	...args: {} extends Props
		? [
				component: Comp extends SvelteComponent<any>
					? ComponentType<Comp>
					: Comp,
				options?: {
					props?: Omit<Props, '$$slots' | '$$events'>;
					context?: Map<any, any>;
					idPrefix?: string;
					csp?: Csp;
					transformError?: (
						error: unknown
					) => unknown | Promise<unknown>;
				}
			]
		: [
				component: Comp extends SvelteComponent<any>
					? ComponentType<Comp>
					: Comp,
				options: {
					props: Omit<Props, '$$slots' | '$$events'>;
					context?: Map<any, any>;
					idPrefix?: string;
					csp?: Csp;
					transformError?: (
						error: unknown
					) => unknown | Promise<unknown>;
				}
			]
): RenderOutput;

Csp

type Csp = { nonce?: string; hash?: boolean };

RenderOutput

type RenderOutput = SyncRenderOutput &
	PromiseLike<SyncRenderOutput>;

Sha256Source

type Sha256Source = `sha256-${string}`;

SyncRenderOutput

interface SyncRenderOutput {/*…*/}

head: string;

Du HTML qui va se trouver dans <head>

html: string;

déprécié utilisez plutôt body

body: string;

Du HTML qui va se trouver quelque part dans <body>

hashes: {
	script: Sha256Source[];
};

Modifier cette page sur Github llms.txt

précédent suivant

svelte/reactivity svelte/store