Remove head hydration workaround (sveltejs#1067)

habibrosyad · Aug 4, 2020 · 3ec2d67 · 3ec2d67
1 parent bf3a831
commit 3ec2d67
Show file tree

Hide file tree

Showing 3 changed files with 2 additions and 12 deletions.
diff --git a/package.json b/package.json
@@ -62,7 +62,7 @@
     "webpack-modules": "^1.0.0"
   },
   "peerDependencies": {
-    "svelte": "^3.5.0"
+    "svelte": "^3.17.3"
   },
   "scripts": {
     "test": "mocha --opts mocha.opts",

diff --git a/runtime/src/app/app.ts b/runtime/src/app/app.ts
@@ -230,16 +230,6 @@ async function render(redirect: Redirect, branch: any[], props: any, page: Page)
 		};
 		props.notify = stores.page.notify;
 
-		// first load — remove SSR'd <head> contents
-		const start = document.querySelector('#sapper-head-start');
-		const end = document.querySelector('#sapper-head-end');
-
-		if (start && end) {
-			while (start.nextSibling !== end) detach(start.nextSibling);
-			detach(start);
-			detach(end);
-		}
-
 		root_component = new App({
 			target,
 			props,

diff --git a/runtime/src/server/middleware/get_page_handler.ts b/runtime/src/server/middleware/get_page_handler.ts
@@ -334,7 +334,7 @@ export function get_page_handler(
 				.replace('%sapper.base%', () => `<base href="${req.baseUrl}/">`)
 				.replace('%sapper.scripts%', () => `<script${nonce_attr}>${script}</script>`)
 				.replace('%sapper.html%', () => html)
-				.replace('%sapper.head%', () => `<noscript id='sapper-head-start'></noscript>${head}<noscript id='sapper-head-end'></noscript>`)
+				.replace('%sapper.head%', () => head)
 				.replace('%sapper.styles%', () => styles);
 
 			res.statusCode = status;