ambrt / disqus-svelte Goto Github PK

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

You can install using npm as such:

npm i -D disqus-svelte

<script>
	import Comments from "disqus-svelte"; // You can use any alias.
</script>

<Comments identifier="my-blog-post-41" />

• 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..

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

<Count shortname="your-disqus-site-shortname" />

<!-- 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>`.

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

GitHub