Vue component to integrate Disqus comments in your application

by Vue.js Examples

vue-disqus

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

Installation

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

For Vue 1.* use v1.0.2 - npm install --save vue-disqus@1.0.2

Using in .vue files

2.) Add the component vue-disqus
<template>
  // omited (identifier and url are optional)
  <div class="comments">
    <disqus shortname="your_shortname_disqus" :identifier="page_id" url="http://example.com/path"></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>

GitHub