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.
