added dynamical import of components via vite

src/lib/components.ts

@@ -1,8 +1,9 @@
-import LitStatus from '$lib/LitStatus.svelte';
-import Composite from '$lib/components/Composite.svelte';
+import componentNames from 'virtual:components-list';
 
-const components = {
-    "LitStatus": LitStatus,
-};
+const components = {};
 
-export default components;
+componentNames.forEach(name => {
+    components[name] = () => import(`$lib/components/${name}.svelte`);
+});
+
+export default components;

src/lib/components/Composite.svelte

@@ -4,9 +4,8 @@
 	export let name = '';
 
 	async function getComponent(componentName) {
-		if (components[componentName]) return components[componentName];
-		if (componentName === 'Composite') {
-			const module = await import('$lib/components/Composite.svelte');
+		if (components[componentName]) {
+			const module = await components[componentName]();
 			return module.default;
 		}
 		return null;
@@ -26,5 +25,3 @@
 		{/if}
 	{/await}
 {/each}
-
-<p>Composite: {name}</p>

src/lib/components/LitStatus.svelte

@@ -2,7 +2,7 @@
 
 <script>
 	import { onMount } from 'svelte';
-	import Lit from '../lib/lit';
+	import Lit from '../lit';
 
 	let networkStatus = 'Disconnected';
 	let isNetworkLoading = true;