Fix crash on <title> (#32)

Author: ota-meshi

src/parser/converts/element.ts

@@ -133,6 +133,10 @@ export function* convertChildren(
             yield convertHeadElement(child, parent, ctx)
             continue
         }
+        if (child.type === "Title") {
+            yield convertTitleElement(child, parent, ctx)
+            continue
+        }
         if (child.type === "Options") {
             yield convertOptionsElement(child, parent, ctx)
             continue
@@ -170,7 +174,7 @@ function convertComment(
 
 /** Convert for HTMLElement */
 function convertHTMLElement(
-    node: SvAST.Element | SvAST.Slot,
+    node: SvAST.Element | SvAST.Slot | SvAST.Title,
     parent: SvelteHTMLElement["parent"],
     ctx: Context,
 ): SvelteHTMLElement {
@@ -499,6 +503,15 @@ function convertHeadElement(
     return convertSpecialElement(node, parent, ctx)
 }
 
+/** Convert for title element. e.g. <title> */
+function convertTitleElement(
+    node: SvAST.Title,
+    parent: SvelteHTMLElement["parent"],
+    ctx: Context,
+): SvelteHTMLElement {
+    return convertHTMLElement(node, parent, ctx)
+}
+
 /** Convert for options element. e.g. <svelte:options> */
 function convertOptionsElement(
     node: SvAST.Options,

src/parser/svelte-ast-types.ts

@@ -20,6 +20,7 @@ export declare type TemplateNode =
     | Window
     | Body
     | Head
+    | Title
     | Options
     | SlotTemplate
     | Slot
@@ -129,6 +130,12 @@ export interface Head extends BaseNode {
     children: TemplateNode[]
     attributes: AttributeOrDirective[]
 }
+export interface Title extends BaseNode {
+    type: "Title"
+    name: "title"
+    children: TemplateNode[]
+    attributes: AttributeOrDirective[]
+}
 export interface Options extends BaseNode {
     type: "Options"
     name: "svelte:options"

tests/fixtures/parser/ast/kit-demo-home-input.svelte

@@ -0,0 +1,59 @@
+<script context="module">
+	export const prerender = true;
+</script>
+
+<script>
+	import Counter from '$lib/Counter/index.svelte';
+</script>
+
+<svelte:head>
+	<title>Home</title>
+</svelte:head>
+
+<section>
+	<h1>
+		<div class="welcome">
+			<picture>
+				<source srcset="svelte-welcome.webp" type="image/webp" />
+				<img src="svelte-welcome.png" alt="Welcome" />
+			</picture>
+		</div>
+
+		to your new<br />SvelteKit app
+	</h1>
+
+	<h2>
+		try editing <strong>src/routes/index.svelte</strong>
+	</h2>
+
+	<Counter />
+</section>
+
+<style>
+	section {
+		display: flex;
+		flex-direction: column;
+		justify-content: center;
+		align-items: center;
+		flex: 1;
+	}
+
+	h1 {
+		width: 100%;
+	}
+
+	.welcome {
+		position: relative;
+		width: 100%;
+		height: 0;
+		padding: 0 0 calc(100% * 495 / 2048) 0;
+	}
+
+	.welcome img {
+		position: absolute;
+		width: 100%;
+		height: 100%;
+		top: 0;
+		display: block;
+	}
+</style>