0.2.0 • Published 9 years ago

vue-intense-debate v0.2.0

Weekly downloads
2
License
MIT
Repository
github
Last release
9 years ago

vue-intense-debate

Vue component to integrate IntenseDebate commenting service in your application, with support for SPA.

Installation

$ npm install vue-intense-debate --save

Usage

vue-intense-debate is a UMD module, which can be used as a module in both CommonJS and AMD module system. When in non-modular environment, VueIntenseDebate will be registered as a global variable.

Use in .vue components

<template>
  <div class="comments">
    <vue-intense-debate account="YOUR_INTENSE_DEBATE_ACCOUNT" pid="UNIQUE_PAGE_ID"></vue-intense-debate>
  </div>
</template>

<script>
  import VueIntenseDebate from 'vue-intense-debate/VueIntenseDebate'

  export default {
    // ...
    components: {
      VueIntenseDebate
    }
    // ...
  }
</script>

Use in CommonJS

var Vue = require('vue')
var VueIntenseDebate = require('vue-intense-debate')

var YourComponent = Vue.extend({
  // ...
  components: {
    'vue-intense-debate': VueIntenseDebate
  }
  // ...
})

Use in browsers

<head>
  <script src="node_modules/vue/dist/vue.js"></script>
  <script src="node_modules/vue-intense-debate/dist/vue-intense-debate.js"></script>
</head>
<body id="app">
  <div class="comments">
    <vue-intense-debate account="YOUR_INTENSE_DEBATE_ACCOUNT" pid="UNIQUE_PAGE_ID"></vue-intense-debate>
  </div>
  <script type="text/javascript">
    new Vue({
      el: '.comments',
      components: {
        'vue-intense-debate': VueIntenseDebate
      }
    })
  </script>
</body>

Props

PropData TyperequiredDescription
accountStringtrueYour IntenseDebate account.
pidStringtruePage ID or some unique value to identify the web page.

Build Setup

# install dependencies
npm install

# build
npm run build

License

MIT © Leo Deng

vueintense-debatecomments
0.2.0

9 years ago

0.1.1

9 years ago

0.1.0

9 years ago