Socket
Book a DemoInstallSign in
Socket
Book a DemoInstallSign in

vue-disqus

Package Overview
Dependencies
Maintainers
1
Versions
20
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

vue-disqus - npm Package Compare versions

Comparing version

2.0.6
to
3.0.0

.babelrc
CHANGELOG.md
CONTRIBUTING.md
dist/vue-disqus.amd.js
dist/vue-disqus.cjs.js
dist/vue-disqus.es.js
dist/vue-disqus.js
example/index.html
LICENSE
rollup.config.js
src/index.js
src/vue-disqus.js

25

package.json
{
"name": "vue-disqus",
"version": "2.0.6",
"version": "3.0.0",
"description": "Vue component to integrate Disqus comments in your application, with support for SPA",
"main": "vue-disqus.js",
"main": "dist/vue-disqus.cjs.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
"dev": "rollup -c --watch",
"dist": "rollup -c",
"release": "standard-version",
"publish": "git push --follow-tags origin master && npm publish"
},

@@ -23,3 +26,17 @@ "repository": {

},
"homepage": "https://github.com/ktquez/vue-disqus#readme"
"homepage": "https://github.com/ktquez/vue-disqus#readme",
"devDependencies": {
"babel-core": "^6.26.0",
"babel-preset-env": "^1.6.1",
"babel-preset-stage-2": "^6.24.1",
"chokidar": "^2.0.3",
"rollup": "^0.58.1",
"rollup-plugin-babel": "^3.0.3",
"rollup-plugin-butternut": "^0.1.0",
"rollup-plugin-commonjs": "^9.1.0",
"rollup-plugin-node-resolve": "^3.3.0",
"rollup-plugin-replace": "^2.0.0",
"rollup-plugin-vue": "^3.0.0",
"standard-version": "^4.3.0"
}
}

50

README.md

@@ -7,3 +7,3 @@ # vue-disqus

##### 1.) Install package via NPM
##### Install package via NPM

@@ -14,9 +14,13 @@ ```shell

> For Vue 1.* use [v1.0.2](https://github.com/ktquez/vue-disqus/tree/v1.0.2) - `npm install --save vue-disqus@1.0.2`
#### Install in your vue app
```javascript
import Vue from 'vue'
import VueDisqus from 'vue-disqus'
## Using in `.vue` files
##### 2.) Add the component `vue-disqus`
Vue.use(VueDisqus)
...
```
```vue
<template>
// omited (identifier and url are optional)
<div class="comments">

@@ -26,12 +30,2 @@ <vue-disqus shortname="your_shortname_disqus" :identifier="page_id" url="http://example.com/path"></vue-disqus>

</template>
<script>
import VueDisqus from 'vue-disqus/VueDisqus.vue'
export default {
// ...
components: {
VueDisqus
}
}
// ...

@@ -42,16 +36,9 @@ ```

## 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
##### Add the component to the base instance Vue
```html
<!-- Required Javascript -->
<script src="vue.js"></script>
<script src="node_modules/vue-disqus/vue-disqus.js"></script>
<script src="https://vuejs-cdn-link"></script>
<script src="node_modules/vue-disqus/dist/vue-disqus.js"></script>
```

@@ -61,7 +48,7 @@

<!-- Assuming your view app is APP. -->
<body id="app">
<div id="app">
<div class="comments">
<vue-disqus shortname="your_shortname_disqus"></vue-disqus>
</div>
</body>
</div>
```

@@ -92,4 +79,11 @@

[MIT](http://opensource.org/licenses/MIT)
[MIT](https://github.com/ktquez/vue-disqus/blob/master/LICENSE)
## Contributing
- Check the open issues or open a new issue to start a discussion around your feature idea or the bug you found.
- Fork repository, make changes, add your name and link in the authors session CONTRIBUTING.md
- Send a pull request
If you want a faster communication, find me on [@ktquez](https://twitter.com/ktquez)
**thank you**
vue-disqus.js
VueDisqus.vue