<template>
  // omited (identifier and url are optional)
  <div class="comments">
    <vue-disqus shortname="your_shortname_disqus" :identifier="page_id" url="http://example.com/path"></vue-disqus>
  </div>
</template>

<script>
import VueDisqus from 'vue-disqus/VueDisqus.vue'

export default {
  // ...
  components: {
    VueDisqus
  }
}
// ...

Using in AMD or CommonJS modules

3.) require the component `vue-disqus`

var VueDisqus = require('vue-disqus')

Using with HTML files

4.) Add the component to the base instance Vue

<!-- Required Javascript -->
<script src="vue.js"></script>
<script src="node_modules/vue-disqus/vue-disqus.js"></script>

<!-- Assuming your view app is APP. -->
<body id="app">
  <div class="comments">
    <vue-disqus shortname="your_shortname_disqus"></vue-disqus>
  </div>
</body>

Props

Prop	Data Type	required	Description
`shortname`	String	true	Your shortname disqus.
`title`	String	false	Title to identify current page.
`identifier`	String	false	Your unique identifier
`sso_config`	Object	false	Single sign-on (SSO)
`api_key`	String	false	Your API key disqus
`remote_auth_s3`	String	false	implementation with Laravel/PHP
`language`	String	false	Language overrides

Events

Event name	Description
`ready`	When Disqus is ready. This can be used to show a placeholder or loading indicator.

See Event Handling.

License

MIT

Keywords

disqus

vue

comments

FAQs

What is vue-disqus?

Is vue-disqus well maintained?

Package last updated on 18 Apr 2018

Did you know?

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

vue-disqus

vue-disqus

Installation

1.) Install package via NPM

Using in .vue files

2.) Add the component vue-disqus

Using in AMD or CommonJS modules

3.) require the component vue-disqus

Using with HTML files

4.) Add the component to the base instance Vue

Props

Events

License

Keywords

Related posts

Critical Vulnerability in Popular npm form-data Package Used Across Millions of Installs

Bun 1.2.19 Adds Isolated Installs for Better Monorepo Support

Using in `.vue` files

2.) Add the component `vue-disqus`

3.) require the component `vue-disqus`