0.1.2 • Published 5 years ago
@starzio/vue-particles.js v0.1.2
vue-particles.js
Vue.js component for particles.js
Nuxt.js compatible (client only)
Add to your project
yarn add @starzio/vue-particles.js --save --dev
Or
npm install @starzio/vue-particles.js --save-dev
Configure with vue
import Vue from 'vue'
import VueParticlesJS from 'vue-particles.js'
Vue.use(VueParticlesJS)
Include in your page
<template>
<div id="app">
<vue-particles></vue-particles>
</div>
</template>
Customization
you can modify the particlesData prop to use your own particles.js config object.
<template>
<div id="app">
<vue-particles :particlesData="particlesData"></vue-particles>
</div>
</template>
<script>
import particlesJSConfig from './particlesjs-config.json'
export default {
data: function () {
return {
particlesData: particlesJSConfig
}
}
}
</script>
You can generate your particlesjs-config.json file from particles.js website.