update

package.json

@@ -1,6 +1,6 @@
 {
   "name": "particles-bg-vue",
-  "version": "1.1.2",
+  "version": "1.1.3",
   "description": "Vue.js component for particles backgrounds",
   "author": "creotip@gmail.com",
   "license": "MIT",

src/App.vue

@@ -2,7 +2,7 @@
   <div id="app">
     <div>
       <div>hello world</div>
-      <particles-bg type="custom" :config="config" :canvas="canvasStyle" :bg="true" />
+      <particles-bg type="list" :list="list" :config="config" :canvas="canvasStyle" :bg="true" />
     </div>
   </div>
 </template>
@@ -17,6 +17,7 @@ export default {
   },
   data() {
     return {
+      list:["lines", "circle"],
       config:{},
       canvasStyle:{
         // height:"199px"

src/particles-bg/ParticlesBg.vue

@@ -62,7 +62,7 @@ export default {
     getNum() {
       return +this.num;
     },
-    getRandom: function() {
+    getRandom() {
       if (!this.random) {
         // Code source from here, thanks author
         // https://github.com/a-jie/Proton/blob/gh-pages/source/src/utils/Rand.js
@@ -82,16 +82,21 @@ export default {
     },
 
     getFromList(){
-      if(!list) return this.getRandom();
-      return list[Math.floor(Math.random() * list.length)];
+      if(!this.list) return this.getRandom();
+      let item = this.list[Math.floor(Math.random() * this.list.length)];
+      item = this.transformName(item);
+
+      return item;
     },
 
-    setParticles: function() {
-      const type = this.type;
-      let name = String(type).toLowerCase() || "random";
+    transformName(name){
+      name = String(name).toLowerCase() || "random";
       if (name.indexOf("-") <= 0) name += "-particles";
+      return name;
+    },
 
-      this.particles = name;
+    setParticles() {
+      this.particles = this.transformName(this.type);
       if (this.particles.indexOf("random") === 0) {
         this.particles = this.getRandom();
       }