Vue component to integrate Disqus comments in your application Vue.js, with support for SPA and Vue 2.*


1.) Install package via NPM
$ npm install vue-disqus

For Vue 1.* use v1.0.2 - npm install --save [email protected]

Using in .vue files

2.) Add the component vue-disqus
  // omited (identifier and url are optional)
  <div class="comments">
    <disqus shortname="your_shortname_disqus" :identifier="page_id" url=""></disqus>

import VueDisqus from 'vue-disqus/VueDisqus.vue'

export default {
  // ...
  components: {
// ...

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>