Setup Vue 2

Installation

For Vue 2

npm install -s vue-disqus
# or
yarn add vue-disqus

For Vue 3

npm install -s vue-disqus@next
# or
yarn add vue-disqus@next

Using

Globally

You can use it globally in your main.js

import Vue from 'vue'
import VueDisqus from 'vue-disqus'

Vue.use(VueDisqus, {
  shortname: 'your-shortname-disqus'
})

Using the component in the template

<template>
  <section class='comments' aria-labelledby="comment">
    <h2 id="comment">Comments</h2>
    <Disqus />
  </section>
</template>

Locally

You can import into your component:

<script>
import { Disqus } from 'vue-disqus'

export default {
  name: 'PostPage',
  components: {
    Disqus
  }
  // ...
}
</script>

Using the component in the template

<template>
  <section class='comments' aria-labelledby="comment">
    <h2 id="comment">Comments</h2>
    <Disqus shortname='your_shortname_disqus' />
  </section>
</template>

WARNING

Shortname is required when using locally component