fuwari/src/components/Comment.astro
2024-03-14 02:15:43 +08:00

35 lines
867 B
Text

---
import {giscusConfig, siteConfig} from "../config";
interface Props {
postId: string;
}
const { postId } = Astro.props;
const config = giscusConfig
const discussionTitle = `giscus - ${postId}`
---
{config.enable && <div class="card-base p-6">
<div class="giscus"></div>
</div>}
<script is:inline
src="https://giscus.app/client.js"
data-repo={config.repo}
data-repo-id={config.repoId}
data-category={config.category}
data-category-id={config.categoryId}
data-mapping="specific"
data-term={discussionTitle}
data-strict="0"
data-reactions-enabled="1"
data-emit-metadata="0"
data-input-position="top"
data-theme="preferred_color_scheme"
data-lang={siteConfig.lang}
data-loading="lazy"
crossorigin="anonymous"
async>
</script>