Closed AnicetNgrt closed 3 years ago
Hello,
svelte-themer 0.4.9 as a dev dependency, sveltejs/template.
svelte-themer
sveltejs/template
Getting an error because getContext('theme') is undefined when trying to implement my own theme toggle button. Note that using the provided ThemeToggle everything worked.
getContext('theme')
undefined
ThemeToggle
// App.svelte <script> import { ThemeWrapper } from 'svelte-themer' import ThemeButton from './components/ThemeButton.svelte' import themes from './themes.js' </script> <ThemeWrapper themes="{themes}"> <main> <p>Hello</p> <ThemeButton /> </main> </ThemeWrapper> <style> :global(html) { background-color: var(--theme-colors-background, initial); color: var(--theme-colors-text, initial); } </style>
// components/ThemeButton.svelte <script> import { getContext } from 'svelte' let { toggle, current, theme } = getContext('theme') </script> <button on:click="{toggle}"> <slot>{$current}</slot> </button>
Am I doing anything wrong?
Thanks
Hey @AnicetNgrt :wave: I just published 0.4.10 which sets the context on component initialization instead of reactively.
Hello,
svelte-themer
0.4.9 as a dev dependency,sveltejs/template
.Getting an error because
getContext('theme')
isundefined
when trying to implement my own theme toggle button. Note that using the providedThemeToggle
everything worked.Am I doing anything wrong?
Thanks