Svelte Keybinds
## Functions:
```jsx
import Keybinds, { binds, loadWithDefaults, condition } from './Keybinds.svelte'
```
- `clickable` - runs functions when the user clicks the key in the UI
- `condition` - async callback function any time a keybind is ran, if it returns true the keybind is ran, if it returns false it isnt
- `binds` - store/writable, binds object
- `autosave` - automatically saves to localstorage when a user changes binds, requires `id` in binds object
- `loadWithDefaults(defaults)` - loads the stored keybinds from autosave, using specific defaults, if a new keybind was added it will be properly created
On browsers which support the [keyboard API](https://caniuse.com/mdn-api_navigator_keyboard) this module will respect the user's keyboard layout [dworak etc].
## Usage:
Simple example:
```html
{item?.label || ''}
```
Example with autosave:
```html
{item?.id || ''}
```