disqus-svelte

Disqus-Svelte

This is a package of pre-made components used to intergrate Disqus services into your Svelte Applications.

1. Installation:

You can install using npm as such:

npm i -D disqus-svelte

2. Usage:

<script>
    import Comments from "disqus-svelte"; // You can use any alias.
</script> 
 
<Comments identifier="my-blog-post-41" />

Available Props:

• Required identifier : The unique identifier of the page. It will work specifying this prop, but default settings are not guaranteed to work.
• Optional url : The complete URL of the page. Default: window.location.href.
• Optional container : The class name of the Disqus Comments Thread container..

3. Comment Count:

Setup:

<!-- The Root App file (App.svelte) -->
<script>
    import { Count } from "disqus-svelte";
</script> 
 
<Count shortname="your-disqus-site-shortname" />

Using Comment Count:

<!-- Append `#disqus_thread` to the `href` attribute in your links.
This will tell Disqus which links to look up and return the comment count. 
 
For example: -->
<a href="http://foo.com/bar.html#disqus_thread">Link</a>`.

Available Props:

Required shortname : The Shortname of your site provided by Disqus.

GitHub