router Svelte Themes

Router

Code-based router for SvelteKit

Installation

  1. Pull this repo to the root folder.

  2. Specify path in svelte.config.js before export default config;

// Router
config.kit.files.routes = 'router/'
  1. Check config.server.fs.allow.push('..'); in vite.config.ts.

  2. Create urls.ts in foot folder.

import { Sides } from '/router/types.ts';
import type { Pattern, Error } from '/router/types.ts';

const error: Error = () => import('/src/error.svelte');
const base: Layout = {page: () => import('/src/base.svelte'), error: error};
const layouts = [base];

const patterns: Pattern[] = [
    {re: '',                      page: () => import('/src/home.svelte'), layouts},
    {re: 'articles',              page: () => import('/src/articles/articles.svelte'), layouts},
    {re: 'articles/(<id>[0-9]+)', page: () => import('/src/articles/article.svelte'), layouts},
]

export { patterns, error}

Top categories

Loading Svelte Themes