17 lines
532 B
TypeScript
17 lines
532 B
TypeScript
import type { Data } from "./+data";
|
|
|
|
import { useData } from "vike-react/useData";
|
|
import Markdoc from "@markdoc/markdoc";
|
|
import nodes from "@/markdoc/nodes";
|
|
import tags from "@/markdoc/tags";
|
|
import React from "react";
|
|
|
|
export default function Page() {
|
|
const { doc, estimatedReadingTime } = useData<Data>();
|
|
|
|
const parsedDoc = Markdoc.parse(doc.content);
|
|
const transformedDoc = Markdoc.transform(parsedDoc, { nodes, tags, variables: { estimatedReadingTime } });
|
|
|
|
return Markdoc.renderers.react(transformedDoc, React);
|
|
}
|