0.3.1 • Published 9 years ago
vue-livere v0.3.1
vue-livere
Vue component to integrate LiveRe commenting service in your application, with support for SPA.
Installation
$ npm install vue-livere --save
Usage
vue-livere is a UMD module, which can be used as a module in both CommonJS and AMD module system. When in non-modular environment, VueLivere will be registered as a global variable.
Use in .vue
components
<template>
<div class="comments">
<vue-livere uid="YOUR_LIVERE_UID" refer="PAGE_URL_OR_SOME_UNIQUE_VALUE"></vue-livere>
</div>
</template>
<script>
import VueLivere from 'vue-livere/VueLivere'
export default {
// ...
components: {
VueLivere
}
// ...
}
</script>
Use in CommonJS
var Vue = require('vue')
var VueLivere = require('vue-livere')
var YourComponent = Vue.extend({
// ...
components: {
'vue-livere': VueLivere
}
// ...
})
Use in browsers
<head>
<script src="node_modules/vue/dist/vue.js"></script>
<script src="node_modules/vue-livere/dist/vue-livere.js"></script>
</head>
<body id="app">
<div class="comments">
<vue-livere uid="YOUR_LIVERE_UID" refer="PAGE_URL_OR_SOME_UNIQUE_VALUE"></vue-livere>
</div>
<script type="text/javascript">
new Vue({
el: '.comments',
components: {
'vue-livere': VueLivere
}
})
</script>
</body>
Props
Prop | Data Type | required | Description |
---|---|---|---|
uid | String | true | Your livere site uid. |
refer | String | true | Url or some unique value to identify your web page. |
Build Setup
# install dependencies
npm install
# build
npm run build
License
MIT © Leo Deng