#2 add title & fix form modal

src/lib/index.ts

@@ -1,4 +1,5 @@
-export const version = '0.0.2';
+export const version = '0.0.3';
+export const page_title = 'Dashlit';
 export const default_dashboard = 'dashboard.json';
 export const data_path = '/app/data';
 export const cookie_token_key = 'token';

src/routes/(auth)/login/+page.svelte

@@ -1,10 +1,15 @@
 <script lang="ts">
 	import { enhance } from '$app/forms';
+	import { page_title } from '$lib';
 	import { Card, Button, Label, Input, Helper } from 'flowbite-svelte';
 
 	let errorMessage: string | undefined = $state(undefined);
 </script>
 
+<svelte:head>
+	<title>{page_title}</title>
+</svelte:head>
+
 <div
 	class="flex h-screen items-center justify-center bg-gradient-to-r from-indigo-200 via-purple-200 to-pink-200 p-4"
 >

src/routes/+page.server.ts

@@ -22,7 +22,7 @@ export const load: PageServerLoad = async (event) => {
 		return '{}';
 	});
 	const dashboard: Dashboard = JSON.parse(data);
-	return { groups: dashboard.groups, canLogout: env.PASSWORD?.length ?? 0 > 0 };
+	return { groups: dashboard.groups, canLogout: (env.PASSWORD?.length ?? 0) > 0 };
 };
 
 export const actions = {

src/routes/+page.svelte

@@ -13,6 +13,7 @@
 	import ModalFormItem from '$lib/components/modalFormItem.svelte';
 	import ModalFormGroup from '$lib/components/modalFormGroup.svelte';
 	import { newGroup, newItem } from '$lib/factory.js';
+	import { page_title } from '$lib';
 
 	let { data } = $props();
 
@@ -144,14 +145,17 @@
 	};
 </script>
 
+<svelte:head>
+	<title>{page_title}</title>
+</svelte:head>
+
 <div class="bg-gray-50 p-4">
 	<Header
 		{editMode}
 		canLogout={data.canLogout}
 		handleSave={handleSaveDashboard}
 		handleEdit={() => (editMode = !editMode)}
 	/>
-
 	<Dashboard
 		{editMode}
 		{groups}
@@ -186,7 +190,7 @@
 		if (item && editableItem) {
 			handleSaveItem(editableItem.groupId, item);
 		} else {
-			editableGroup = undefined;
+			editableItem = undefined;
 		}
 	}}
 />