disqus-svelte

1.0.9 • Public • Published

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

Package Sidebar

Install

npm i disqus-svelte

Weekly Downloads

1

Version

1.0.9

License

MIT

Unpacked Size

28.8 kB

Total Files

8

Last publish

Collaborators

  • demonicious