$app/paths

import { asset(alias) function asset(file: Asset): string
import asset
Resolve the URL of an asset in your static directory, by prefixing it with config.kit.paths.assets if configured, or otherwise by prefixing it with the base path.
During server rendering, the base path is relative and depends on the page currently being rendered.
<script>
	import { asset } from '$app/paths';
</script>

<img alt="a potato" src={asset('/potato.jpg')} />
2.26
reference, assets(alias) let assets: "" | `https://${string}` | `http://${string}` | "/_svelte_kit_assets"
import assets
An absolute path that matches config.kit.paths.assets.

[!NOTE] If a value for config.kit.paths.assets is specified, it will be replaced with '/_svelte_kit_assets' during vite dev or vite preview, since the assets don't yet live at their eventual URL.

Use asset(...) instead
reference, base(alias) let base: "" | `/${string}`
import base
A string that matches config.kit.paths.base.
Example usage: <a href="{base}/your-page">Link</a>
Use resolve(...) instead
reference, match(alias) function match(url: Pathname | URL | (string & {})): Promise<{
    id: RouteId;
    params: Record<string, string>;
} | null>
import match
Match a path or URL to a route ID and extracts any parameters.
import { match } from '$app/paths';

const route = await match('/blog/hello-world');

if (route?.id === '/blog/[slug]') {
	const slug = route.params.slug;
	const response = await fetch(`/api/posts/${slug}`);
	const post = await response.json();
}
2.52.0
reference, resolve(alias) function resolve<T extends RouteIdWithSearchOrHash | PathnameWithSearchOrHash>(...args: ResolveArgs<T>): ResolvedPathname
import resolve
Resolve a pathname by prefixing it with the base path, if any, or resolve a route ID by populating dynamic segments with parameters.
During server rendering, the base path is relative and depends on the page currently being rendered.
import { resolve } from '$app/paths';

// using a pathname
const resolved = resolve(`/blog/hello-world`);

// using a route ID plus parameters
const resolved = resolve('/blog/[slug]', {
	slug: 'hello-world'
});
2.26
reference, resolveRoute(alias) function resolveRoute<T extends RouteIdWithSearchOrHash | PathnameWithSearchOrHash>(...args: ResolveArgs<T>): ResolvedPathname
import resolveRoute
Use resolve(...) instead
reference } from '$app/paths';

<script>
	import { asset } from '$app/paths';
</script>

<img alt="a potato" src={asset('/potato.jpg')} />

import { match(alias) function match(url: Pathname | URL | (string & {})): Promise<{
    id: RouteId;
    params: Record<string, string>;
} | null>
import match
Match a path or URL to a route ID and extracts any parameters.
import { match } from '$app/paths';

const route = await match('/blog/hello-world');

if (route?.id === '/blog/[slug]') {
	const slug = route.params.slug;
	const response = await fetch(`/api/posts/${slug}`);
	const post = await response.json();
}
2.52.0
reference } from '$app/paths';

const routeconst route: {
    id: RouteId;
    params: Record<string, string>;
} | null = await match(alias) match(url: Pathname | URL | (string & {})): Promise<{
    id: RouteId;
    params: Record<string, string>;
} | null>
import match
Match a path or URL to a route ID and extracts any parameters.
import { match } from '$app/paths';

const route = await match('/blog/hello-world');

if (route?.id === '/blog/[slug]') {
	const slug = route.params.slug;
	const response = await fetch(`/api/posts/${slug}`);
	const post = await response.json();
}
2.52.0
reference('/blog/hello-world');

if (routeconst route: {
    id: RouteId;
    params: Record<string, string>;
} | null?.id(property) id: string | undefined === '/blog/[slug]') {
	const slugconst slug: string = routeconst route: {
    id: RouteId;
    params: Record<string, string>;
}.params(property) params: Record<string, string>.slugstring;
	const responseconst response: Response = await fetchfunction fetch(input: string | URL | Request, init?: RequestInit): Promise<Response> (+1 overload)
MDN Reference
(`/api/posts/${slugconst slug: string}`);
	const postconst post: any = await responseconst response: Response.json(method) Body.json(): Promise<any>
MDN Reference
();
}

import { resolve(alias) function resolve<T extends RouteIdWithSearchOrHash | PathnameWithSearchOrHash>(...args: ResolveArgs<T>): ResolvedPathname
import resolve
Resolve a pathname by prefixing it with the base path, if any, or resolve a route ID by populating dynamic segments with parameters.
During server rendering, the base path is relative and depends on the page currently being rendered.
import { resolve } from '$app/paths';

// using a pathname
const resolved = resolve(`/blog/hello-world`);

// using a route ID plus parameters
const resolved = resolve('/blog/[slug]', {
	slug: 'hello-world'
});
2.26
reference } from '$app/paths';
// using a pathnameconst resolvedconst resolved: string = resolve(alias) resolve<"/blog/hello-world">(route: "/blog/hello-world", params: Record<string, string>): ResolvedPathname
import resolve
Resolve a pathname by prefixing it with the base path, if any, or resolve a route ID by populating dynamic segments with parameters.
During server rendering, the base path is relative and depends on the page currently being rendered.
import { resolve } from '$app/paths';

// using a pathname
const resolved = resolve(`/blog/hello-world`);

// using a route ID plus parameters
const resolved = resolve('/blog/[slug]', {
	slug: 'hello-world'
});
2.26
reference(`/blog/hello-world`);
// using a route ID plus parametersconst resolvedconst resolved: string = resolve(alias) resolve<"/blog/[slug]">(route: "/blog/[slug]", params: Record<string, string>): ResolvedPathname
import resolve
Resolve a pathname by prefixing it with the base path, if any, or resolve a route ID by populating dynamic segments with parameters.
During server rendering, the base path is relative and depends on the page currently being rendered.
import { resolve } from '$app/paths';

// using a pathname
const resolved = resolve(`/blog/hello-world`);

// using a route ID plus parameters
const resolved = resolve('/blog/[slug]', {
	slug: 'hello-world'
});
2.26
reference('/blog/[slug]', {
	slug(property) slug: string: 'hello-world'
});