import { createEffect, createSignal } from "solid-js";
import type { GiscusProps } from "./types";
declare global {
namespace JSX {
interface IntrinsicElements {
"giscus-widget": any;
}
}
}
export default function Giscus({
id,
host,
repo,
repoId,
category,
categoryId,
mapping,
term,
strict,
reactionsEnabled,
emitMetadata,
inputPosition,
theme,
lang,
loading,
}: GiscusProps) {
const [mounted, setMounted] = createSignal(false);
createEffect(() => {
if (mounted()) return;
import("giscus");
setMounted(true);
});
return (
<giscus-widget
id={id}
host={host}
repo={repo}
repoid={repoId}
category={category}
categoryid={categoryId}
mapping={mapping}
term={term}
strict={strict}
reactionsenabled={reactionsEnabled}
emitmetadata={emitMetadata}
inputposition={inputPosition}
theme={theme}
lang={lang}
loading={loading}
/>
);
}
import { createEffect, createSignal } from "solid-js";
import type { GiscusProps } from "./types";
declare global {
namespace JSX {
interface IntrinsicElements {
"giscus-widget": any;
}
}
}
export default function Giscus({
id,
host,
repo,
repoId,
category,
categoryId,
mapping,
term,
strict,
reactionsEnabled,
emitMetadata,
inputPosition,
theme,
lang,
loading,
}: GiscusProps) {
const [mounted, setMounted] = createSignal(false);
createEffect(() => {
if (mounted()) return;
import("giscus");
setMounted(true);
});
return (
<giscus-widget
id={id}
host={host}
repo={repo}
repoid={repoId}
category={category}
categoryid={categoryId}
mapping={mapping}
term={term}
strict={strict}
reactionsenabled={reactionsEnabled}
emitmetadata={emitMetadata}
inputposition={inputPosition}
theme={theme}
lang={lang}
loading={loading}
/>
);
}