Parsing Json config file in props of particles

/* DO NOT DELETE THE TEMPLATE BELOW, you can safely delete this line */

Which version are you using? Ex. 1.18.11

Is the latest version affected?

• Yes
• No

Which library are you using?

• Vue.js 2.x (particles.vue)

Is there a way by which I can parse the json config that I got from the website and inject it into the props of the Particles component? because I does not seem to work when I copy the configuration in the showcase in codepen, I want to know how to load the json from the website and use it in my vue components.

[Yael95]

Thank you for your help I got the polygon forest to work, thank you for your help and patience.

[matteobruni]

I’ve updated the CodeSandbox sample linked in the previous message. I’ve added some comments but I’ll explain here too:

The file App.vue uses the Particles component but its initialization is made in the main.js file.

/* the import of the Particles.vue plugin */
import Particles from "particles.vue";
/* the import of the polyfill library needed for the polygon mask */
import "pathseg";

/* adds the Particles.vue plugin to the Vue instance, this enables the component */
Vue.use(Particles);

This is the code needed to make particles.vue work correctly. The import "pathseg"; is needed only for polygonMask configurations since some browsers have removed the SVG 1.1 compatibility (Chrome for example).

If you are using some SSR framework you need to import both particles.vue and pathseg client-side.