chore: add svelte examples

packages/svelte/test/components/Demo.svelte

@@ -1,6 +1,8 @@
 <script lang="ts">
   import BindValue from './BindValue.svelte'
+  import Event from './Event.svelte'
   import InitialValue from './InitialValue.svelte'
+  import Number from './Number.svelte'
   import Options from './Options.svelte'
   import Simple from './Simple.svelte'
 
@@ -10,7 +12,9 @@
 <main>
   <select bind:value={component}>
     <option value={BindValue}>BindValue</option>
+    <option value={Event}>Event</option>
     <option value={InitialValue}>InitialValue</option>
+    <option value={Number}>Number</option>
     <option value={Options}>Options</option>
     <option value={Simple}>Simple</option>
   </select>

packages/svelte/test/components/Event.svelte

@@ -0,0 +1,9 @@
+<script lang="ts">
+  import { type MaskaDetail, maska } from '../../src'
+
+  const onMaska = (e: CustomEvent<MaskaDetail>) => console.log(e.detail.masked)
+</script>
+
+<main>
+  <input use:maska data-maska="#-#" on:maska={onMaska} />
+</main>

packages/svelte/test/components/Number.svelte

@@ -0,0 +1,13 @@
+<script lang="ts">
+  import { maska } from '../../src'
+
+  const options = {
+    number: {}
+  }
+</script>
+
+<main>
+  <input use:maska={options} />
+  <input use:maska data-maska-number />
+  <input use:maska data-maska-number-locale="ru" />
+</main>