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

sveltejs · Nov 20, 2024 · cd1758b · cd1758b
1 parent 078f9a0
commit cd1758b
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 0 deletions.
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
		@@ -0,0 +1 @@
		{ svelteHTML.createElement("svelte:html", { "lang":`de`,}); }