public/svelte-headlessui
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases 1 Wiki Activity

Move contexts over to useXContext model

Browse Source 
Fixes #4
This commit is contained in:
Ryan Gossiaux
2021-12-15 10:13:01 -08:00
parent f1edb17609
commit dbfb2c227e
12 changed files with 85 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/lib/components/listbox/ListboxOption.svelte
View File

@@ -1,11 +1,11 @@
<script lang="ts">
import { getContext, onDestroy, onMount, tick } from "svelte";
import { ListboxStates, StateDefinition } from "./Listbox.svelte";
import { onDestroy, onMount, tick } from "svelte";
import { ListboxStates, useListboxContext } from "./Listbox.svelte";
import { useId } from "$lib/hooks/use-id";
import { Focus } from "$lib/utils/calculate-active-index";
export let value: any;
export let disabled = false;
let api: SvelteStore<StateDefinition> = getContext("api");
let api = useListboxContext("ListboxOption");
let id = `headlessui-listbox-option-${useId()}`;
$: active =