cleaning up files and folders

src/lib/components/composer/ComposerForm.svelte

@@ -2,12 +2,12 @@
 	import { createMachine, assign } from 'xstate';
 	import { useMachine } from '@xstate/svelte';
 	import { superForm } from 'sveltekit-superforms/client';
-	import TextInput from './inputFields/TextInput.svelte';
-	import ToggleInput from './inputFields/ToggleInput.svelte';
-	import SliderInput from './inputFields/SliderInput.svelte';
-	import SelectInput from './inputFields/SelectInput.svelte';
-	import TextAreaInput from './inputFields/TextAreaInput.svelte';
-	import NumberInput from './inputFields/NumberInput.svelte';
+	import TextInput from '../inputfields/TextInput.svelte';
+	import ToggleInput from '../inputfields/ToggleInput.svelte';
+	import SliderInput from '../inputfields/SliderInput.svelte';
+	import SelectInput from '../inputfields/SelectInput.svelte';
+	import TextAreaInput from '../inputfields/TextAreaInput.svelte';
+	import NumberInput from '../inputfields/NumberInput.svelte';
 	import { derived, writable } from 'svelte/store';
 	import Stepper from './Stepper.svelte';
 
@@ -67,7 +67,6 @@
 							]
 						}
 					],
-
 					PREV: {
 						target: 'input',
 						actions: assign({
@@ -94,7 +93,7 @@
 						target: 'input',
 						actions: assign({
 							currentField: 0,
-							formData: () => ({ ...initialFormData }) // Create a new object
+							formData: () => ({ ...initialFormData })
 						})
 					}
 				}
@@ -105,7 +104,6 @@
 	const { state, send } = useMachine(formMachine);
 
 	$: if ($state.matches('submitted')) {
-		// Reset the superForm instance when the form is submitted
 		({ form, errors, validate, constraints } = superForm(initialFormData, {
 			validators: validators,
 			warnings: {

src/lib/components/composer/ComposerOverview.svelte

@@ -4,7 +4,6 @@
 
 	const routes = [
 		{ path: '/composer/stateToState', name: 'StateToState', icon: 'iconoir:align-top-box' },
-		{ path: '/composer/recipies', name: 'Recipies', icon: 'iconoir:stackoverflow' },
 		{ path: '/composer/graphql', name: 'GraphQL', icon: 'iconoir:network-right' },
 		{ path: '/composer/queries', name: 'Queries', icon: 'iconoir:brain-research' },
 		{ path: '/composer/form', name: 'Form', icon: 'iconoir:input-field' }

src/lib/components/inputfields/TextInput.svelte

@@ -9,7 +9,7 @@
 
 	export let childInput;
 
-	const { form, errors, validate, field, constraints } = childInput;
+	const { form, errors, field, constraints } = childInput;
 </script>
 
 <input

src/routes/composer/recipies/+page.svelte

@@ -1,5 +0,0 @@
-<script>
-	import Recipies from '$lib/components/cleanup/Recipies.svelte';
-</script>
-
-<Recipies />