Define type

Author: Ryan Marx

src/components/About.svelte

@@ -1,16 +1,7 @@
 <script lang="ts">
-	import WorkItem from "./WorkItem.svelte";
+	import WorkItem, { type WorkItem as WorkItemType } from "./WorkItem.svelte";
 
-	type WorkItem = {
-		start: number;
-		end: string | number;
-		org: string;
-		orgLink: string;
-		role: string;
-		description: string;
-	};
-
-	const work: WorkItem[] = [
+	const work: WorkItemType[] = [
 		{
 			start: 2023,
 			end: "present",

src/components/WorkItem.svelte

@@ -1,15 +1,20 @@
-<script lang="ts">
-	import { marked } from "marked";
-
-	interface Props {
-		org: string;
+<script lang="ts" module>
+	export type WorkItem = {
 		start: number;
-		end: number | string;
+		end: string | number;
+		org: string;
+		orgLink: string;
 		role: string;
 		description: string;
-		orgLink: string;
+	};
+</script>
+
+<script lang="ts">
+	import { marked } from "marked";
+
+	type Props = WorkItem & {
 		open?: boolean;
-	}
+	};
 
 	const { org, start, end, role, description, orgLink, open = false }: Props = $props();
 	const rand = Math.random();