Svelte-Utterances

Utterances component for Svelte. Utterances is a lightweight comments widget built on GitHub issues.

Installation

npm i -D @codewithshin/svelte-utterances 

Default Props

let reponame;
let issueTerm = "pathname"
let label = "comments"
let theme = "github-light"

Themes

- github-light
- github-dark
- preferred-color-scheme
- github-dark-orange
- icy-dark
- dark-blue
- photon-dark
- boxy-light
- gruvbox-dark

In __layout.svelte:

<script>
  import { Utterances, utterancesTheme } from "@codewithshin/svelte-utterances";
  const theme = 'dark-blue';
  let reponame = "your-repo-name"
</script>
<div class="container">
  <slot />
  <div class="my-16 relative">
    <Utterances {reponame} {theme} />
  </div>
</div>

References

utterances

utterances Repo

James Perkins