build: updated deps

Author: matteobruni

components/react-alt/README.md

@@ -139,71 +139,71 @@ const App = () => {
             options={{
                 background: {
                     color: {
-                        value: "#0d47a1"
-                    }
+                        value: "#0d47a1",
+                    },
                 },
                 fpsLimit: 120,
                 interactivity: {
                     events: {
                         onClick: {
                             enable: true,
-                            mode: "push"
+                            mode: "push",
                         },
                         onHover: {
                             enable: true,
-                            mode: "repulse"
+                            mode: "repulse",
                         },
-                        resize: true
+                        resize: true,
                     },
                     modes: {
                         push: {
-                            quantity: 4
+                            quantity: 4,
                         },
                         repulse: {
                             distance: 200,
-                            duration: 0.4
-                        }
-                    }
+                            duration: 0.4,
+                        },
+                    },
                 },
                 particles: {
                     color: {
-                        value: "#ffffff"
+                        value: "#ffffff",
                     },
                     links: {
                         color: "#ffffff",
                         distance: 150,
                         enable: true,
                         opacity: 0.5,
-                        width: 1
+                        width: 1,
                     },
                     move: {
                         direction: "none",
                         enable: true,
                         outModes: {
-                            default: "bounce"
+                            default: "bounce",
                         },
                         random: false,
                         speed: 6,
-                        straight: false
+                        straight: false,
                     },
                     number: {
                         density: {
                             enable: true,
-                            area: 800
+                            area: 800,
                         },
-                        value: 80
+                        value: 80,
                     },
                     opacity: {
-                        value: 0.5
+                        value: 0.5,
                     },
                     shape: {
-                        type: "circle"
+                        type: "circle",
                     },
                     size: {
-                        value: { min: 1, max: 5 }
-                    }
+                        value: { min: 1, max: 5 },
+                    },
                 },
-                detectRetina: true
+                detectRetina: true,
             }}
         />
     );
@@ -241,71 +241,71 @@ const App = () => {
             options={{
                 background: {
                     color: {
-                        value: "#0d47a1"
-                    }
+                        value: "#0d47a1",
+                    },
                 },
                 fpsLimit: 120,
                 interactivity: {
                     events: {
                         onClick: {
                             enable: true,
-                            mode: "push"
+                            mode: "push",
                         },
                         onHover: {
                             enable: true,
-                            mode: "repulse"
+                            mode: "repulse",
                         },
-                        resize: true
+                        resize: true,
                     },
                     modes: {
                         push: {
-                            quantity: 4
+                            quantity: 4,
                         },
                         repulse: {
                             distance: 200,
-                            duration: 0.4
-                        }
-                    }
+                            duration: 0.4,
+                        },
+                    },
                 },
                 particles: {
                     color: {
-                        value: "#ffffff"
+                        value: "#ffffff",
                     },
                     links: {
                         color: "#ffffff",
                         distance: 150,
                         enable: true,
                         opacity: 0.5,
-                        width: 1
+                        width: 1,
                     },
                     move: {
                         direction: "none",
                         enable: true,
                         outModes: {
-                            default: "bounce"
+                            default: "bounce",
                         },
                         random: false,
                         speed: 6,
-                        straight: false
+                        straight: false,
                     },
                     number: {
                         density: {
                             enable: true,
-                            area: 800
+                            area: 800,
                         },
-                        value: 80
+                        value: 80,
                     },
                     opacity: {
-                        value: 0.5
+                        value: 0.5,
                     },
                     shape: {
-                        type: "circle"
+                        type: "circle",
                     },
                     size: {
-                        value: { min: 1, max: 5 }
-                    }
+                        value: { min: 1, max: 5 },
+                    },
                 },
-                detectRetina: true
+                detectRetina: true,
             }}
         />
     );

components/react-alt/src/Particles.tsx

@@ -66,7 +66,7 @@ export default class Particles extends Component<IParticlesProps, IParticlesStat
                 },
                 async () => {
                     await this.loadParticles();
-                }
+                },
             );
         })();
     }

components/react/README.md

@@ -139,71 +139,71 @@ const App = () => {
             options={{
                 background: {
                     color: {
-                        value: "#0d47a1"
-                    }
+                        value: "#0d47a1",
+                    },
                 },
                 fpsLimit: 120,
                 interactivity: {
                     events: {
                         onClick: {
                             enable: true,
-                            mode: "push"
+                            mode: "push",
                         },
                         onHover: {
                             enable: true,
-                            mode: "repulse"
+                            mode: "repulse",
                         },
-                        resize: true
+                        resize: true,
                     },
                     modes: {
                         push: {
-                            quantity: 4
+                            quantity: 4,
                         },
                         repulse: {
                             distance: 200,
-                            duration: 0.4
-                        }
-                    }
+                            duration: 0.4,
+                        },
+                    },
                 },
                 particles: {
                     color: {
-                        value: "#ffffff"
+                        value: "#ffffff",
                     },
                     links: {
                         color: "#ffffff",
                         distance: 150,
                         enable: true,
                         opacity: 0.5,
-                        width: 1
+                        width: 1,
                     },
                     move: {
                         direction: "none",
                         enable: true,
                         outModes: {
-                            default: "bounce"
+                            default: "bounce",
                         },
                         random: false,
                         speed: 6,
-                        straight: false
+                        straight: false,
                     },
                     number: {
                         density: {
                             enable: true,
-                            area: 800
+                            area: 800,
                         },
-                        value: 80
+                        value: 80,
                     },
                     opacity: {
-                        value: 0.5
+                        value: 0.5,
                     },
                     shape: {
-                        type: "circle"
+                        type: "circle",
                     },
                     size: {
-                        value: { min: 1, max: 5 }
-                    }
+                        value: { min: 1, max: 5 },
+                    },
                 },
-                detectRetina: true
+                detectRetina: true,
             }}
         />
     );
@@ -241,71 +241,71 @@ const App = () => {
             options={{
                 background: {
                     color: {
-                        value: "#0d47a1"
-                    }
+                        value: "#0d47a1",
+                    },
                 },
                 fpsLimit: 120,
                 interactivity: {
                     events: {
                         onClick: {
                             enable: true,
-                            mode: "push"
+                            mode: "push",
                         },
                         onHover: {
                             enable: true,
-                            mode: "repulse"
+                            mode: "repulse",
                         },
-                        resize: true
+                        resize: true,
                     },
                     modes: {
                         push: {
-                            quantity: 4
+                            quantity: 4,
                         },
                         repulse: {
                             distance: 200,
-                            duration: 0.4
-                        }
-                    }
+                            duration: 0.4,
+                        },
+                    },
                 },
                 particles: {
                     color: {
-                        value: "#ffffff"
+                        value: "#ffffff",
                     },
                     links: {
                         color: "#ffffff",
                         distance: 150,
                         enable: true,
                         opacity: 0.5,
-                        width: 1
+                        width: 1,
                     },
                     move: {
                         direction: "none",
                         enable: true,
                         outModes: {
-                            default: "bounce"
+                            default: "bounce",
                         },
                         random: false,
                         speed: 6,
-                        straight: false
+                        straight: false,
                     },
                     number: {
                         density: {
                             enable: true,
-                            area: 800
+                            area: 800,
                         },
-                        value: 80
+                        value: 80,
                     },
                     opacity: {
-                        value: 0.5
+                        value: 0.5,
                     },
                     shape: {
-                        type: "circle"
+                        type: "circle",
                     },
                     size: {
-                        value: { min: 1, max: 5 }
-                    }
+                        value: { min: 1, max: 5 },
+                    },
                 },
-                detectRetina: true
+                detectRetina: true,
             }}
         />
     );

components/react/src/Particles.tsx

@@ -66,7 +66,7 @@ export default class Particles extends Component<IParticlesProps, IParticlesStat
                 },
                 async () => {
                     await this.loadParticles();
-                }
+                },
             );
         })();
     }