chore(components): use typescript in components

Author: Larry Botha

lib/components/ErrorMessage.svelte

@@ -1,8 +1,8 @@
-<script>
+<script lang="ts">
   import {getContext} from 'svelte';
   import {key} from './key';
 
-  export let name;
+  export let name: string;
 
   const {errors} = getContext(key);
 </script>

lib/components/Field.svelte

@@ -1,8 +1,8 @@
-<script>
+<script lang="ts">
   import {getContext} from 'svelte';
   import {key} from './key';
 
-  export let name;
+  export let name: string;
   export let type = 'text';
 
   const {form, handleChange} = getContext(key);

lib/components/Form.svelte

@@ -1,4 +1,4 @@
-<script>
+<script lang="ts">
   import {setContext} from 'svelte';
   import {createForm} from '../create-form';
   import {key} from './key';

lib/components/Select.svelte

@@ -1,8 +1,8 @@
-<script>
+<script lang="ts">
   import {getContext} from 'svelte';
   import {key} from './key';
 
-  export let name;
+  export let name: string;
 
   const {form, handleChange} = getContext(key);
 </script>

lib/components/Textarea.svelte

@@ -1,8 +1,8 @@
-<script>
+<script lang="ts">
   import {getContext} from 'svelte';
   import {key} from './key';
 
-  export let name;
+  export let name: string;
 
   const {form, handleChange} = getContext(key);
 </script>