Skip to content

A package to intergrate Disqus into your Svelte App.

Notifications You must be signed in to change notification settings

pvharmo/disqus-svelte

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

20 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

About

A package to intergrate Disqus into your Svelte App.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 69.6%
  • HTML 30.4%