feat: add separator prop (#17)

Allow the separator between multiple keys to be customizable.

README.md

@@ -139,12 +139,29 @@ Use the `combo` dispatched event to listen for a combination of keys.
 {combo.join(", ")}
 ```
 
+#### `separator`
+
+Use the `separator` property to specify the string between key when using `on:combo`
+
+```svelte
+<script>
+  import Keydown from "svelte-keydown";
+
+  let combo = [];
+</script>
+
+<Keydown separator="+" on:combo={(e) => (combo = [...combo, e.detail])} />
+
+{combo.join(", ")}
+```
+
 ## API
 
 | Prop         | Type      | Default value |
 | :----------- | :-------- | :------------ |
 | paused       | `boolean` | `false`       |
 | pauseOnInput | `boolean` | `false`       |
+| separator    | `string`  | `-`           |
 
 ### Forwarded events
 

src/Keydown.svelte

@@ -5,14 +5,17 @@
   /** Set to `true` to pause keydown events when typing in an input field */
   export let pauseOnInput = false;
 
+  /**Determines the what goes between keys in a combo*/
+  export let separator = "-";
+
   import { createEventDispatcher } from "svelte";
 
   const dispatch = createEventDispatcher();
 
   let combo = [];
   let down = [];
 
-  $: combination = combo.join("-");
+  $: combination = combo.join(separator);
   $: comboByKey = combo.reduce((keys, key) => ({ ...keys, [key]: true }), {});
   $: if (combo.length > 0) dispatch("combo", combination);
 </script>

types/Keydown.svelte.d.ts

@@ -13,6 +13,12 @@ export interface KeydownProps {
    * @default false
    */
   pauseOnInput?: boolean;
+
+  /**
+   * Determines the what goes between keys in a combo*
+   * @default "-"
+   */
+  separator?: string;
 }
 
 export default class Keydown extends SvelteComponentTyped<