mirror of
https://github.com/khairul169/code-share.git
synced 2025-04-28 16:49:36 +07:00
45 lines
1.2 KiB
TypeScript
45 lines
1.2 KiB
TypeScript
import ReactDOMServer from "react-dom/server";
|
|
import { escapeInject, dangerouslySkipEscape } from "vike/server";
|
|
import type { OnRenderHtmlAsync } from "vike/types";
|
|
import { getPageMetadata } from "./utils";
|
|
import Layout from "./layout";
|
|
|
|
export const onRenderHtml: OnRenderHtmlAsync = async (
|
|
pageContext
|
|
): ReturnType<OnRenderHtmlAsync> => {
|
|
const { Page } = pageContext;
|
|
|
|
if (!Page)
|
|
throw new Error(
|
|
"My onRenderHtml() hook expects pageContext.Page to be defined"
|
|
);
|
|
|
|
const page = ReactDOMServer.renderToString(
|
|
<Layout pageContext={pageContext}>
|
|
<Page />
|
|
</Layout>
|
|
);
|
|
|
|
// See https://vike.dev/head
|
|
const meta = getPageMetadata(pageContext);
|
|
|
|
const documentHtml = escapeInject`<!DOCTYPE html>
|
|
<html lang="en" class="dark">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<link rel="icon" href="/favicon.ico" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<meta name="description" content="${meta.description}" />
|
|
<title>${meta.title}</title>
|
|
</head>
|
|
<body>
|
|
<div id="react-root">${dangerouslySkipEscape(page)}</div>
|
|
</body>
|
|
</html>`;
|
|
|
|
return {
|
|
documentHtml,
|
|
pageContext: {},
|
|
};
|
|
};
|