Add optional title attribute to glossary

app/models/glossary.server.ts

@@ -7,6 +7,7 @@ import { Post } from "~/models/post.server";
 interface GlossaryMeta extends BaseMeta {
 	slug: string;
 	term: string;
+	title?: string;
 	definition: string;
 }
 
@@ -35,6 +36,10 @@ export class Glossary extends Post<GlossaryMeta> {
 		return this.meta.term;
 	}
 
+	get title() {
+		return this.meta.title;
+	}
+
 	get definition() {
 		return this.meta.definition;
 	}

app/routes/_.cms.glossary/route.tsx

@@ -23,8 +23,14 @@ export async function action({ request, context }: ActionFunctionArgs) {
 	let intent = formData.get("intent");
 
 	if (intent === INTENT.create) {
-		let { term, definition } = Schemas.formData()
-			.pipe(z.object({ term: z.string(), definition: z.string() }))
+		let { term, title, definition } = Schemas.formData()
+			.pipe(
+				z.object({
+					term: z.string(),
+					title: z.string().optional(),
+					definition: z.string(),
+				}),
+			)
 			.parse(formData);
 
 		let slug = parameterize(term);
@@ -33,7 +39,7 @@ export async function action({ request, context }: ActionFunctionArgs) {
 
 		await Glossary.create(
 			{ db },
-			{ authorId: user.id, slug, term, definition },
+			{ authorId: user.id, slug, term, title, definition },
 		);
 
 		let cache = new Cache.KVStore(context.kv.cache, context.waitUntil);
@@ -58,8 +64,14 @@ export default function Component() {
 
 			<Form method="post" className="max-w-xs">
 				<input type="hidden" name="intent" value={INTENT.create} />
-				<TextField label="Term" name="term" />
-				<TextField type="textarea" label="Definition" name="definition" />
+				<TextField label="Term" name="term" isRequired />
+				<TextField label="Title" name="title" />
+				<TextField
+					type="textarea"
+					label="Definition"
+					name="definition"
+					isRequired
+				/>
 
 				<Button type="submit" variant="primary">
 					Create