vue-disqus
Advanced tools
Comparing version 2.0.6 to 3.0.0
{ | ||
"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" | ||
} | ||
} |
@@ -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** |
Major refactor
Supply chain riskPackage has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.
Found 1 instance in 1 package
No tests
QualityPackage does not have any tests. This is a strong signal of a poorly maintained or low quality package.
Found 1 instance in 1 package
16720
14
171
0
12
84
1