diff --git a/src/components/Controls.tsx b/src/components/Controls.tsx index 65e4da1..2a472f0 100644 --- a/src/components/Controls.tsx +++ b/src/components/Controls.tsx @@ -1,14 +1,14 @@ -import { For, createSignal } from 'solid-js'; -import { createEffect } from 'solid-js'; +import { For, createSignal, createEffect } from 'solid-js'; import { useStore } from '../store/index'; +import type { Store } from '../store/index'; import styles from './Controls.module.css'; import LanguageSelector from './LanguageSelector'; import homeIcon from '../assets/icons/home.svg' import gridIcon from '../assets/icons/grid.svg' export default () => { - const [store] = useStore(); + const [store] = useStore() as Store; const [selected, setSelected] = createSignal('home'); const [blobby, setBlobby] = createSignal(['home']); const chapters = [ diff --git a/src/components/Hero.tsx b/src/components/Hero.tsx index 02578d0..af99f22 100644 --- a/src/components/Hero.tsx +++ b/src/components/Hero.tsx @@ -2,12 +2,13 @@ import { useI18n } from "@solid-primitives/i18n"; import { createViewportObserver } from '@solid-primitives/intersection-observer'; import { useStore } from '../store/index'; +import type { Store } from '../store/index'; import styles from './Hero.module.css'; export default () => { const [t] = useI18n(); const [observer] = createViewportObserver({threshold: 0.9}); - const [, { setVisibleChapter }] = useStore(); + const [, { setVisibleChapter }] = useStore() as Store; return (
{ - const [, { setVisibleChapter }] = useStore(); + const [, { setVisibleChapter }] = useStore() as Store; const [observer] = createViewportObserver({threshold: 0.9}); return ( diff --git a/src/store/index.tsx b/src/store/index.tsx index c51b253..2d7a82c 100644 --- a/src/store/index.tsx +++ b/src/store/index.tsx @@ -1,14 +1,14 @@ import { createSignal, createContext, useContext } from "solid-js"; import type { Accessor, Setter } from 'solid-js'; -type Store = [ +export type Store = [ { visibleChapter: Accessor }, { setVisibleChapter: Setter } ] const StoreContext = createContext(); -export function StoreProvider(props) { +export function StoreProvider(props: any) { const [visibleChapter, setVisibleChapter] = createSignal('home'); const store: Store = [ {