Move contexts over to useXContext model

Fixes #4
2021-12-15 10:13:01 -08:00
parent f1edb17609
commit dbfb2c227e
12 changed files with 85 additions and 31 deletions
--- a/src/lib/components/listbox/ListboxButton.svelte
+++ b/src/lib/components/listbox/ListboxButton.svelte
@@ -1,10 +1,11 @@
 <script lang="ts">
  import { getContext, tick } from "svelte";
-  import { ListboxStates, StateDefinition } from "./Listbox.svelte";
+  import { ListboxStates, useListboxContext } from "./Listbox.svelte";
  import { useId } from "$lib/hooks/use-id";
  import { Keys } from "$lib/utils/keyboard";
  import { Focus } from "$lib/utils/calculate-active-index";
-  let api: SvelteStore<StateDefinition> = getContext("api");
+
+  let api = useListboxContext("ListboxButton");
  let id = `headlessui-listbox-button-${useId()}`;
  let buttonStore: SvelteStore<HTMLButtonElement> = getContext("buttonStore");