move type to its own file

src/lib/Types.ts

@@ -0,0 +1,10 @@
+export type Message =
+| {
+	from: 'user';
+	content: string;
+}
+| {
+	from: 'bot';
+	content: string;
+};
+

src/lib/chat/ChatBox.svelte

@@ -1,5 +1,7 @@
 <script lang="ts">
-	export let message;
+	import type { Message } from '$lib/Types';
+
+	export let message: Message;
 </script>
 
 {#if message.from === 'bot'}

src/lib/chat/ChatIntroduction.svelte

@@ -1,7 +1,7 @@
 <script lang="ts">
 	import { PUBLIC_DISABLE_INTRO_TILES, PUBLIC_MODEL_NAME, PUBLIC_MODEL_TAGLINE } from '$env/static/public';
 	
-	export let title: string = '';
+	export let title: string = 'Joi 20B Instruct';
 </script>
 
 <div class="grid grid-cols-3 gap-3 my-auto">

src/routes/+page.svelte

@@ -2,17 +2,10 @@
 	import { fetchEventSource } from '@microsoft/fetch-event-source';
 	import ChatBox from '$lib/chat/ChatBox.svelte';
 	import ChatIntroduction from '$lib/chat/ChatIntroduction.svelte';
+	import type { Message } from '$lib/Types';
+	
 	const ENDPOINT = 'https://joi-20b.ngrok.io/generate_stream';
 
-	type Message =
-		| {
-				from: 'user';
-				content: string;
-		  }
-		| {
-				from: 'bot';
-				content: string;
-		  };
 
 	let messages: Message[] = [];
 	let message = '';
@@ -104,7 +97,7 @@
 				{#each messages as message}
 					<ChatBox {message} />
 				{:else}
-					<ChatIntroduction title="Joi 20B Instruct" />
+					<ChatIntroduction />
 				{/each}
 				<div class="h-32 flex-none" />
 			</div>