data-svelte -> data-svelte-h

src/compiler/compile/render_dom/wrappers/Element/index.ts

@@ -602,7 +602,7 @@ export default class ElementWrapper extends Wrapper {
 		}
 
 		if (to_optimise_hydration) {
-			attributes.push(p`["data-svelte"]: true`);
+			attributes.push(p`["data-svelte-h"]: true`);
 		}
 
 		if (this.node.namespace === namespaces.svg) {

src/compiler/compile/render_ssr/handlers/Element.ts

@@ -161,10 +161,10 @@ export default function (node: Element, renderer: Renderer, options: RenderOptio
 
 	if (options.hydratable) {
 		if (node.children.length === 1 && node.children[0].type === 'RawMustacheTag') {
-			renderer.add_string(` data-svelte="${hash(JSON.stringify(node.children[0].expression.node))}"`);
+			renderer.add_string(` data-svelte-h="${hash(JSON.stringify(node.children[0].expression.node))}"`);
 			options = { ...options, optimised_html_hydration: true };
 		} else if (node.can_optimise_to_html_string && !options.has_added_svelte_hash) {
-			renderer.add_string(` data-svelte="${node.hash()}"`);
+			renderer.add_string(` data-svelte-h="${node.hash()}"`);
 			options = { ...options, has_added_svelte_hash: true };
 		}
 	}

src/runtime/internal/dom.ts

@@ -353,7 +353,7 @@ export function xlink_attr(node, attribute, value) {
 }
 
 export function get_svelte_dataset(node: HTMLElement) {
-	return node.dataset.svelte;
+	return node.dataset.svelteH;
 }
 
 export function get_binding_group_value(group, __value, checked) {

test/helpers.ts

@@ -145,7 +145,7 @@ export function normalizeHtml(window, html, { removeDataSvelte = false, preserve
 		const node = window.document.createElement('div');
 		node.innerHTML = html
 			.replace(/(<!--.*?-->)/g, preserveComments ? '$1' : '')
-			.replace(/(data-svelte="[^"]+")/g, removeDataSvelte ? '' : '$1')
+			.replace(/(data-svelte-h="[^"]+")/g, removeDataSvelte ? '' : '$1')
 			.replace(/>[\s\r\n]+</g, '><')
 			.trim();
 		cleanChildren(node);
@@ -174,10 +174,10 @@ export function setupHtmlEqual(options: { removeDataSvelte?: boolean } = {}) {
 	assert.htmlEqualWithOptions = (actual: string, expected: string, { preserveComments, withoutNormalizeHtml }: { preserveComments?: boolean, withoutNormalizeHtml?: boolean }, message?: string) => {
 		assert.deepEqual(
 			withoutNormalizeHtml
-				? normalizeNewline(actual).replace(/(\sdata-svelte="[^"]+")/g, options.removeDataSvelte ? '' : '$1')
+				? normalizeNewline(actual).replace(/(\sdata-svelte-h="[^"]+")/g, options.removeDataSvelte ? '' : '$1')
 				: normalizeHtml(window, actual, { ...options, preserveComments }),
 			withoutNormalizeHtml
-				? normalizeNewline(expected).replace(/(\sdata-svelte="[^"]+")/g, options.removeDataSvelte ? '' : '$1')
+				? normalizeNewline(expected).replace(/(\sdata-svelte-h="[^"]+")/g, options.removeDataSvelte ? '' : '$1')
 				: normalizeHtml(window, expected, { ...options, preserveComments }),
 			message
 		);

test/hydration/samples/basic/_after.html

@@ -1 +1 @@
-<h1 data-svelte="svelte-1vv3a6r">Hello world!</h1>
+<h1 data-svelte-h="svelte-1vv3a6r">Hello world!</h1>

test/hydration/samples/basic/_before.html

@@ -1 +1 @@
-<h1 data-svelte="svelte-1vv3a6r">Hello world!</h1>
+<h1 data-svelte-h="svelte-1vv3a6r">Hello world!</h1>

test/hydration/samples/claim-static-incorrect-hash/_after.html

@@ -1,8 +1,8 @@
-<div data-svelte="xxx">hello</div>
+<div data-svelte-h="xxx">hello</div>
 
-<div data-svelte="xxx"><div>bye</div></div>
+<div data-svelte-h="xxx"><div>bye</div></div>
 
-<div data-svelte="xxx">
+<div data-svelte-h="xxx">
 	<div>aaa</div>
 	<div>bbb</div>
 </div>

test/hydration/samples/claim-static-incorrect-hash/_before.html

@@ -1,8 +1,8 @@
-<div data-svelte="xxx">hello</div>
+<div data-svelte-h="xxx">hello</div>
 
-<div data-svelte="xxx"><div data-svelte="yyy">bye</div></div>
+<div data-svelte-h="xxx"><div data-svelte-h="yyy">bye</div></div>
 
-<div data-svelte="xxx">
-	<div data-svelte="yyy">aaa</div>
-	<div data-svelte="zzz">bbb</div>
+<div data-svelte-h="xxx">
+	<div data-svelte-h="yyy">aaa</div>
+	<div data-svelte-h="zzz">bbb</div>
 </div>

test/hydration/samples/component-in-element/_after.html

@@ -1,3 +1,3 @@
 <div>
-	<p data-svelte="svelte-1x3hbnh">nested</p>
+	<p data-svelte-h="svelte-1x3hbnh">nested</p>
 </div>

test/hydration/samples/component-in-element/_before.html

@@ -1,3 +1,3 @@
 <div>
-	<p data-svelte="svelte-1x3hbnh">nested</p>
+	<p data-svelte-h="svelte-1x3hbnh">nested</p>
 </div>

test/hydration/samples/component/_after.html

@@ -1 +1 @@
-<p data-svelte="svelte-1x3hbnh">nested</p>
+<p data-svelte-h="svelte-1x3hbnh">nested</p>

test/hydration/samples/component/_before.html

@@ -1 +1 @@
-<p data-svelte="svelte-1x3hbnh">nested</p>
+<p data-svelte-h="svelte-1x3hbnh">nested</p>

test/hydration/samples/element-nested/_after.html

@@ -1,3 +1,3 @@
-<div data-svelte="svelte-1aqf5aj">
+<div data-svelte-h="svelte-1aqf5aj">
 	<p>nested</p>
 </div>

test/hydration/samples/element-nested/_before.html

@@ -1,3 +1,3 @@
-<div data-svelte="svelte-1aqf5aj">
+<div data-svelte-h="svelte-1aqf5aj">
 	<p>nested</p>
 </div>

test/server-side-rendering/samples/head-meta-hydrate-duplicate/_expected.html

@@ -1 +1 @@
- <div data-svelte="svelte-156ixv6">Just a dummy page.</div>
+ <div data-svelte-h="svelte-156ixv6">Just a dummy page.</div>