fix(vue-server): fix ssr body tag replacement

hi-ogawa · Jun 23, 2024 · 88b46e2 · 88b46e2
1 parent 527f0e6
commit 88b46e2
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 1 deletion.
diff --git a/vue-server/README.md b/vue-server/README.md
@@ -2,6 +2,20 @@
 
 https://vue-server-demo.hiro18181.workers.dev/
 
+```sh
+# local dev
+pnpm i
+pnpm dev
+
+# local preview
+pnpm build
+pnpm preview
+
+# deploy cloudflare
+pnpm cf-build
+pnpm cf-release
+```
+
 ## references
 
 - https://github.com/hi-ogawa/js-utils/pull/227

diff --git a/vue-server/src/demo/entry-server.tsx b/vue-server/src/demo/entry-server.tsx
@@ -25,7 +25,7 @@ export async function handler(request: Request) {
 	const app = createSSRApp(Root);
 	const ssrHtml = await renderToString(app);
 	let html = (await import("virtual:index-html" as string)).default as string;
-	html = html.replace("<body>", () => `<div id="root">${ssrHtml}</div>`);
+	html = html.replace("<body>", () => `<body><div id="root">${ssrHtml}</div>`);
 	html = html.replace(
 		"<head>",
 		() =>