From b2af46c32e337f4c597a8520528d7943cb77d9bf Mon Sep 17 00:00:00 2001
From: jpa44 <julien@allovoisins.com>
Date: Thu, 25 Jun 2020 11:55:09 +0200
Subject: [PATCH] added moveDirection props (none, top, top-right, right,
 bottom-right, bottom, bottom-left, left, top-left)

---
 src/vue-particles/vue-particles.vue | 41 +++++++++++++++++------------
 1 file changed, 24 insertions(+), 17 deletions(-)

diff --git a/src/vue-particles/vue-particles.vue b/src/vue-particles/vue-particles.vue
index aa54ea15..fbc69e41 100644
--- a/src/vue-particles/vue-particles.vue
+++ b/src/vue-particles/vue-particles.vue
@@ -17,6 +17,7 @@
     :hoverMode="hoverMode"
     :clickEffect="clickEffect"
     :clickMode="clickMode"
+    :moveDirection="moveDirection"
   ></div>
 </template>
 <script>
@@ -88,6 +89,10 @@
       clickMode: {
         type: String,
         default: 'push'
+      },
+      moveDirection: {
+        type: String,
+        default: 'none'
       }
     },
     mounted () {
@@ -95,21 +100,22 @@
       require('particles.js')
       this.$nextTick(() => {
         this.initParticleJS(
-          this.color,
-          this.particleOpacity,
-          this.particlesNumber,
-          this.shapeType,
-          this.particleSize,
-          this.linesColor,
-          this.linesWidth,
-          this.lineLinked,
-          this.lineOpacity,
-          this.linesDistance,
-          this.moveSpeed,
-          this.hoverEffect,
-          this.hoverMode,
-          this.clickEffect,
-          this.clickMode
+                this.color,
+                this.particleOpacity,
+                this.particlesNumber,
+                this.shapeType,
+                this.particleSize,
+                this.linesColor,
+                this.linesWidth,
+                this.lineLinked,
+                this.lineOpacity,
+                this.linesDistance,
+                this.moveSpeed,
+                this.hoverEffect,
+                this.hoverMode,
+                this.clickEffect,
+                this.clickMode,
+                this.moveDirection
         )
       })
     },
@@ -129,7 +135,8 @@
         hoverEffect,
         hoverMode,
         clickEffect,
-        clickMode
+        clickMode,
+        moveDirection
       ) {
         particlesJS(this.id, {
           "particles": {
@@ -184,7 +191,7 @@
             "move": {
               "enable": true,
               "speed": moveSpeed,
-              "direction": "none",
+              "direction": moveDirection,
               "random": false,
               "straight": false,
               "out_mode": "out",