diff --git a/components/nav-bar.js b/components/nav-bar.js index 3d54950..1b6e241 100644 --- a/components/nav-bar.js +++ b/components/nav-bar.js @@ -40,7 +40,7 @@ class NavBar extends LitElement { #link(route, label) { return html` - + this.#navigate(route, e)} diff --git a/index.html b/index.html index 3f8fe54..51c53cd 100644 --- a/index.html +++ b/index.html @@ -4,8 +4,18 @@ Document - - + + diff --git a/store/index.js b/store/index.js index b9a71ea..7a60893 100644 --- a/store/index.js +++ b/store/index.js @@ -5,14 +5,21 @@ import { idbStorage } from './middleware/persistence.js' export const store = createStore( persist( (set, get) => ({ + _hydrated: false, user: null, items: [], + route: 'home', setUser: (user) => set({ user }), addItem: (item) => set(s => ({ items: [...s.items, item] })), + removeItem: (id) => set(s => ({ items: s.items.filter(i => i.id !== id) })), + navigate: (route) => set({ route }), }), { name: 'app-store', - storage: idbStorage, // custom adapter (see below) + storage: idbStorage, + onRehydrateStorage: () => (state) => { + if (state) state._hydrated = true + }, } ) -) \ No newline at end of file +) diff --git a/store/middleware/persistance.js b/store/middleware/persistence.js similarity index 100% rename from store/middleware/persistance.js rename to store/middleware/persistence.js