{{- $g := site.Params.comments.giscus -}}
{{- if and $g $g.enable $g.repo $g.repoId $g.categoryId -}}
{{- if ne .Params.comments false -}}
<section class="comments" aria-labelledby="comments-heading">
  <h2 id="comments-heading" class="comments-heading">{{ i18n "comments" | default "Bình luận" }}</h2>
  <div class="giscus" data-giscus></div>
  <script src="https://giscus.app/client.js"
    data-repo="{{ $g.repo }}"
    data-repo-id="{{ $g.repoId }}"
    data-category="{{ $g.category | default "Announcements" }}"
    data-category-id="{{ $g.categoryId }}"
    data-mapping="{{ $g.mapping | default "pathname" }}"
    data-strict="{{ $g.strict | default "0" }}"
    data-reactions-enabled="{{ $g.reactionsEnabled | default "1" }}"
    data-emit-metadata="0"
    data-input-position="{{ $g.inputPosition | default "bottom" }}"
    data-theme="{{ $g.theme | default "preferred_color_scheme" }}"
    data-lang="{{ $g.lang | default "vi" }}"
    data-loading="lazy"
    crossorigin="anonymous"
    async></script>
</section>
{{- end -}}
{{- end -}}