Your name is: {params.first} {#if params.last}{params.last}{/if}
\n\n````\n\nNon-named arguments are returned as `params.wild`.\n\n### Getting the current page\n\nYou can get the current page from `router.location`.\n\n````svelte\n\nThe current page is: {router.location}
\n````\n\nIf you need both location and querystring together, use `router.loc`.\n\n### Querystring parameters\n\nYou can also extract \"querystring\" parameters from the hash of the page. This isn't the _real_ querystring, as it's located after the `#` character in the URL, but it can be used in a similar way. For example: `#/books?show=authors,titles&order=1`.\n\nWhen svelte-spa-router finds a \"querystring\" in the hash, it separates that from the location and returns it as a string in `router.querystring`. For example:\n\n````svelte\n\nThe current page is: {router.location}
\nThe querystring is: {router.querystring}
\n````\n\nWith the example above, this would print:\n\n````text\nThe current page is: /books\nThe querystring is: show=authors,titles&order=1\n````\n\nIt's important to note that, to keep this component lightweight, svelte-spa-router **does not parse** the \"querystring\". If you want to parse the value of `router.querystring`, you can use [URLSearchParams](https://developer.mozilla.org/en-US/docs/Web/API/URLSearchParams) available in all modern browsers, or third-party modules such as [qs](https://www.npmjs.com/package/qs).\n\n### Highlight active links\n\nsvelte-spa-router has built-in support for automatically marking links as \"active\", with the `use:active` action.\n\nFor example, you can use the code below to add the CSS class `active` to links that are active:\n\n````svelte\n\n\n\n\nSay hi!\nSay hi with a default className!\nSay hi with all default options!\n````\n\nThe `active` action accepts a dictionary `options` as argument:\n\n- `options.path`: the path that, when matched, makes the link active. In the first example above, we want the link to be active when the route is `/hello/*` (the asterisk matches anything after that). As you can see, this doesn't have to be the same as the path the link points to. When `options.path` is omitted or false-y, it defaults to the path specified in the link's `href` attribute. This parameter can also be a regular expression that will mark the link as active when it matches: for example, setting to the regular expression `/^\\/*\\/hi$/` will make the link active when it starts with `/` and ends with `/hi`, regardless of what's in between.\n- `options.className`: the name of the CSS class to add. This is optional, and it defaults to `active` if not present.\n- `options.inactiveClassName`: the name of the CSS class to add when the link is _not_ active. This is optional, and it defaults to nothing if not present.\n\nAs a shorthand, instead of passing a dictionary as `options`, you can pass a single string or regular expression that will be interpreted as `options.path`.\n\n### Define routes with custom regular expressions\n\nSince version 1.2 of svelte-spa-router, it's possible to define routes using custom regular expressions too, allowing for greater flexibility. However, this requires defining routes using a JavaScript Map rather than an object:\n\n````js\nimport Home from './routes/Home.svelte'\nimport Name from './routes/Name.svelte'\nimport NotFound from './routes/NotFound.svelte'\n\nconst routes = new Map()\n\n// You can still use strings to define routes\nroutes.set('/', Home)\nroutes.set('/hello/:first/:last?', Name)\n\n// The keys for the next routes are regular expressions\n// You will very likely always want to start the regular expression with ^\nroutes.set(/^\\/hola\\/(.*)/i, Name)\nroutes.set(/^\\/buongiorno(\\/([a-z]+))/i, Name)\n\n// Catch-all, must be last\nroutes.set('*', NotFound)\n````\n\nWhen you define routes as regular expressions, the `params` prop is populated with an array with the result of the matches from the regular expression.\n\nFor example, with this `Name.svelte` route:\n\n````svelte\nParams is: {JSON.stringify(params)}