feat: support <svelte:html> (#2599)

dummdidumm · web-flow · commit cd1758b16f4c · 2024-11-20T15:38:44.000+01:00
diff --git a/packages/language-server/src/plugins/html/dataProvider.ts b/packages/language-server/src/plugins/html/dataProvider.ts
@@ -200,6 +200,12 @@ const svelteTags: ITagData[] = [
             }
         ]
     },
+    {
+        name: 'svelte:html',
+        description:
+            'This element allows you to add properties and listeners to events on `document.documentElement`. This is useful for attributes such as `lang` which influence how the browser interprets the content.',
+        attributes: []
+    },
     {
         name: 'svelte:document',
         description:
diff --git a/packages/svelte2tsx/src/htmlxtojsx_v2/index.ts b/packages/svelte2tsx/src/htmlxtojsx_v2/index.ts
@@ -135,6 +135,7 @@ export function convertHtmlxToJsx(
                     case 'Title':
                     case 'Document':
                     case 'Body':
+                    case 'SvelteHTML':
                     case 'SvelteBoundary':
                     case 'Slot':
                     case 'SlotTemplate':
@@ -239,6 +240,7 @@ export function convertHtmlxToJsx(
                     case 'Head':
                     case 'Title':
                     case 'Body':
+                    case 'SvelteHTML':
                     case 'SvelteBoundary':
                     case 'Document':
                     case 'Slot':
diff --git a/packages/svelte2tsx/test/htmlx2jsx/samples/.svelte-html.v5/expectedv2.js b/packages/svelte2tsx/test/htmlx2jsx/samples/.svelte-html.v5/expectedv2.js
@@ -0,0 +1 @@
+ { svelteHTML.createElement("svelte:html", { "lang":`de`,}); }
diff --git a/packages/svelte2tsx/test/htmlx2jsx/samples/.svelte-html.v5/input.svelte b/packages/svelte2tsx/test/htmlx2jsx/samples/.svelte-html.v5/input.svelte
@@ -0,0 +1 @@
+<svelte:html lang="de"></svelte:html>

Original file line number	Diff line number	Diff line change
`@@ -200,6 +200,12 @@ const svelteTags: ITagData[] = [`
`200`	`200`	`}`
`201`	`201`	`]`
`202`	`202`	`},`
	`203`	`+ {`
	`204`	`+ name: 'svelte:html',`
	`205`	`+ description:`
	`206`	+ 'This element allows you to add properties and listeners to events on `document.documentElement`. This is useful for attributes such as `lang` which influence how the browser interprets the content.',
	`207`	`+ attributes: []`
	`208`	`+ },`
`203`	`209`	`{`
`204`	`210`	`name: 'svelte:document',`
`205`	`211`	`description:`
Original file line number	Diff line number	Diff line change
`@@ -0,0 +1 @@`
	`1`	+ { svelteHTML.createElement("svelte:html", { "lang":`de`,}); }