TUI Renderer, Element Types, and Page Updates

2025-11-30 18:26:56 -05:00
parent f09c198f17
commit 1167c686e2
31 changed files with 1642 additions and 809 deletions
@@ -1,13 +1,24 @@
 <script lang="ts">
-	import Icon from '@iconify/svelte';
-	import { user } from '$lib/config';
-	import { colorTheme, getThemeIcon, type ColorTheme } from '$lib/stores/theme';
-	import '$lib/assets/css/tui-header.css';
+	import Icon from "@iconify/svelte";
+	import { user } from "$lib/config";
+	import {
+		colorTheme,
+		getThemeIcon,
+		type ColorTheme,
+	} from "$lib/stores/theme";
+	import "$lib/assets/css/tui-header.css";

-	export let title = 'terminal';
-	export let interactive = true;
-	export let hasButtons = false;
+	interface Props {
+		title?: string;
+		interactive?: boolean;
+		hasButtons?: boolean;
+	}

+	let {
+		title = "terminal",
+		interactive = true,
+		hasButtons = false,
+	}: Props = $props();
 </script>

 <div class="tui-statusbar top">
@@ -23,5 +34,3 @@
 		{/if}
 	</span>
 </div>
-
-