nathonius · December 31, 2024 02:35
diff --git a/.eleventy.ts b/.eleventy.ts
 import { render } from "preact-render-to-string";
 import type { FunctionComponent } from "preact";

 export default function (config) {
  config.addExtension("11ty.tsx", {
    getInstanceFromInputPath: async function (path) {
      const module: { default: FunctionComponent } = await import(path);
      return module.default;
    },
    compile: function (component: FunctionComponent) {
      return (props) => {
        const result = render(component(props));
        return `<!doctype html>\n${result}`;
      };
    },
    useJavaScriptImport: true,
    outputFileExtension: "html",
  });
  // ...rest of your config
 }
	import { render } from "preact-render-to-string";
	import type { FunctionComponent } from "preact";

	export default function (config) {
	config.addExtension("11ty.tsx", {
	getInstanceFromInputPath: async function (path) {
	const module: { default: FunctionComponent } = await import(path);
	return module.default;
	},
	compile: function (component: FunctionComponent) {
	return (props) => {
	const result = render(component(props));
	return `<!doctype html>\n${result}`;
	};
	},
	useJavaScriptImport: true,
	outputFileExtension: "html",
	});
	// ...rest of your config
	}