8.3 KiB
CHANGELOG
2.11.0
- PR Merged #277
- Update dependencies.
2.10.0
2.9.0
2.8.0
2.7.0
- PR Merged #266.
- Update dependencies.
2.6.0
2.5.0
- Issue Fixed #260.
- Update svelte version.
2.4.0
- Fixed viewtransition callback function error.
2.3.0
- Added Prettier.
- Added View Transition (Experimental).
2.2.0
- PR Merged #258.
2.1.0
2.0.0
1.11.0
- PR Merged #245.
- Update svelte version.
1.10.0
- PR Merged #243.
1.9.0
- Major improvement in performance. Minimize unnecessary prefetch components.
1.8.9
- Fixed. Sometimes navigate return info null.
- Issue Fixed #132.
1.8.8
1.8.7
- Segment mismatch bug fixed.
1.8.6
- Issue Fixed #242.
- Update svelte version.
- Codebase improved.
1.8.5
- Can Use Dom function improved.
- function & class mismatch bug fixed.
1.8.4
- Issue Fixed #241.
1.8.3
- Hooks & Types bugs fixed.
1.8.2
- Svelte dependency updated.
- Lazyload component return type added.
- Issue Fixed #240.
1.8.0
- Major Bugs fixed in
Router.svelte. - Converted all interfaces into types.
- Improved Lazy Loading/Async Route Import. Get much smaller chunk for every route. Only load files (JS & CSS module) when URL is active.
<!-- App.svelte -->
<Route path="/" component={() => import("./Home.svelte")} />
<Route path="/about" component={() => import("./About.svelte")} />
<Route path="/user/:user" component={() => import("./User.svelte")} />
- Added Hooks for Contexts.
useLocation,useRouter,useHistory.
<!-- Page.svelte -->
<script>
import { useLocation } from "svelte-routing";
const location = useLocation();
</script>
<div>{JSON.stringify($location)}</div>
1.7.0
- Added Code of Conduct.
- Optimized the codebase.
- Update the dependencies.
- PR Merged #220.
- PR Merged #210.
- PR Merged #206.
- PR Merged #192.
- PR Merged #188.
- PR Merged #175.
- PR Merged #173.
- PR Merged #158.
- PR Merged #105.
- PR Merged #95.
- PR Merged #85.
- PR Merged #77.
- PR/Issue #200, Tested & it's not relevant/exists.
- Issue Fixed #122, #4652.
1.6.0
Added TypeScript support.
1.4.0
Added functionality for passing the location to the rendered Route component
and slot.
<!-- App.svelte -->
<Route path="/blog" component="{Blog}" />
<!-- Blog.svelte -->
<script>
import queryString from "query-string";
export let location;
let queryParams;
$: queryParams = queryString.parse(location.search);
</script>
<h1>Blog</h1>
<p>{queryParams.foo}</p>
<!-- App.svelte -->
<Route path="/blog" let:location>
<h1>Blog</h1>
<p>{location.search}</p>
</Route>
1.3.0
Added functionality to pass potential Route path parameters back to the parent
using props, so they can be exposed to the slot template using let:params.
<Route path="/blog/:id" let:params>
<BlogPost id="{params.id}" />
</Route>
1.2.0
Added functionality for passing all the extra Route properties to the rendered
component.
<!-- App.svelte -->
<Route path="/page" component="{Page}" foo="foo" bar="bar" />
<!-- Page.svelte -->
<script>
export let foo;
export let bar;
</script>
<h1>{foo} {bar}</h1>
1.1.0
Added the ability to give Route path wildcards a custom name.
<!-- App.svelte -->
<Route path="/page/*wildcardName" component="{Page}" />
<!-- Page.svelte -->
<script>
export let wildcardName;
</script>
<h1>{wildcardName}</h1>
1.0.0
- Moved to Svelte 3.
- It's now required for all
RouteandLinkcomponents to have aRouterancestor. NavLinkwas removed in favour for a more versatileLinkcomponent. Check the userlandNavLinkcomponent in theexampledirectory for an example.- The SSR component no longer needs to be compiled at runtime with the help of
esm as there is no longer a
dependency on the
historylibrary. You can compile a separate CJS bundle for the server and pass in a prop to the topmost component and use that as theurlproperty for theRouter, which will force the URL for all descendants. - All component filename extensions have been changed to
.svelte. - Hash routing is no longer supported.
- The entire API of the library is now exported from the
src/index.jsfile, so importing from the library is now much more pleasant.
import { Router, Route, Link } from "svelte-routing";
0.4.0
Moved to Svelte v2 and added the new link and links actions.
0.3.0
Split the createHistory function into createBrowserHistory,
createMemoryHistory, createHashHistory to allow for better tree shaking of
unused history creation code.
0.2.0
Added the ability to access the match object in a matched route:
<!-- App.html -->
<Route path="/:myParam" bind:match>
<h1>{{match && match.params.myParam}}</h1>
</Route>
or:
<!-- App.html -->
<Route path="/:myParam" component="{{MyComponent}}" />
<!-- MyComponent.html -->
<h1>{{match.params.myParam}}</h1>
0.1.0
Added the ability to give a component constructor to a route with the
component property:
<!-- App.html -->
<Route path="/:myParam" component="{{MyComponent}}" />