feat(composite): enhance service loading for multiple exports

src/lib/components/Composite.svelte

@@ -72,7 +72,6 @@
 		}
 		return null;
 	}
-
 	async function getServiceProps(component) {
 		const loadedServices = [];
 		if (component.services) {
@@ -89,15 +88,15 @@
 
 <div class="grid w-full h-full" style="display: grid; {componentsData.layout || ''}">
 	{#each componentsData.children as component (component.id)}
-		{#await Promise.all( [getComponent(component.componentName), getServiceProps(component)] ) then [Component, loadedServices]}
+		{#await Promise.all( [getComponent(component.componentName), getServiceProps(component)] ) then [Component, serviceProps]}
 			{#if Component}
 				<div class="w-full h-full overflow-hidden {component.slot}">
 					<svelte:component
 						this={Component}
 						id={component.id}
 						{...component.props}
-						{...loadedServices.reduce((acc, currFn, idx) => {
-							acc[component.services[idx]] = currFn;
+						{...serviceProps.reduce((acc, currServiceModule, idx) => {
+							acc[component.services[idx]] = currServiceModule;
 							return acc;
 						}, {})}
 					/>

src/lib/components/GoogleAuth.svelte

@@ -31,6 +31,7 @@
 	onMount(async () => {
 		try {
 			provider = await setupLitProvider.setupLitProvider();
+			setupLitProvider.alertMe();
 
 			logMessage('Component mounted.');
 

src/lib/components/HelloEarth/HelloEarth.svelte

@@ -7,10 +7,7 @@
 	const store = getComponentStore(id);
 	$: console.log('store:', $store);
 
-	export let messages;
-
 	onMount(async () => {
-		console.log('messages: ' + JSON.stringify(messages));
 		console.log('hello Earth');
 	});
 </script>