tsparticles · matteobruni · Dec 22, 2023 · Dec 21, 2023 · Dec 22, 2023 · Dec 22, 2023
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -0,0 +1,103 @@
+# Change Log
+
+All notable changes to this project will be documented in this file.
+See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+
+# 3.0.0 (2023-12-22)
+
+
+### Bug Fixes
+
+* **deps:** bump actions/cache from 2.1.4 to 3.0.2 ([3fb65d4](https://github.com/tsparticles/vue2/commit/3fb65d4b6b6b88a15f833be8ee07362d3e406e9b))
+* **deps:** bump actions/cache from 3.0.10 to 3.0.11 ([c1fa634](https://github.com/tsparticles/vue2/commit/c1fa634ee44921afa2c9dc7900bde14e37cc03e4))
+* **deps:** bump actions/cache from 3.0.11 to 3.2.0 ([79678df](https://github.com/tsparticles/vue2/commit/79678df2c03a41d84df84c2b8640c0406c1c23a7))
+* **deps:** bump actions/cache from 3.0.2 to 3.0.3 ([897ae93](https://github.com/tsparticles/vue2/commit/897ae932abe58315068b6b352a51297281de5b13))
+* **deps:** bump actions/cache from 3.0.3 to 3.0.4 ([d38b793](https://github.com/tsparticles/vue2/commit/d38b793df6fc79a15247c537ed83ddb7fccc4273))
+* **deps:** bump actions/cache from 3.0.4 to 3.0.5 ([e129732](https://github.com/tsparticles/vue2/commit/e1297324920be604591cdb5f25b3acc5910ba78b))
+* **deps:** bump actions/cache from 3.0.5 to 3.0.6 ([173fd22](https://github.com/tsparticles/vue2/commit/173fd227f2fd45e36da975da382c99153a9f464a))
+* **deps:** bump actions/cache from 3.0.6 to 3.0.7 ([6f486d3](https://github.com/tsparticles/vue2/commit/6f486d31efb78b445773d2ed4bd872097b2e889a))
+* **deps:** bump actions/cache from 3.0.7 to 3.0.8 ([ad5fd2f](https://github.com/tsparticles/vue2/commit/ad5fd2f871075224565c8416d058dc206a1c1e58))
+* **deps:** bump actions/cache from 3.0.8 to 3.0.9 ([7b8a794](https://github.com/tsparticles/vue2/commit/7b8a794f42e5c1fa7a98951efc83a5c5de6a9840))
+* **deps:** bump actions/cache from 3.0.9 to 3.0.10 ([6b267d3](https://github.com/tsparticles/vue2/commit/6b267d3c41e77e88e7403283ddeea3fbe4f82b28))
+* **deps:** bump actions/cache from 3.2.0 to 3.2.1 ([7f17cca](https://github.com/tsparticles/vue2/commit/7f17ccaced1ede77f88310923cf6dd561e1b1a0f))
+* **deps:** bump actions/cache from 3.2.1 to 3.2.2 ([1a6a6c0](https://github.com/tsparticles/vue2/commit/1a6a6c0c6f7fa716a9ac3e5cb2b9e91090de429b))
+* **deps:** bump actions/setup-node from 2.1.5 to 3.2.0 ([53d15fb](https://github.com/tsparticles/vue2/commit/53d15fb99dcc7811dfc5fae9c791558d8a97f85a))
+* **deps:** bump actions/setup-node from 3.2.0 to 3.3.0 ([0dd5c83](https://github.com/tsparticles/vue2/commit/0dd5c8386e9a31efe05ecf929c8a959bf9eebd52))
+* **deps:** bump actions/setup-node from 3.3.0 to 3.4.0 ([a5fdbb3](https://github.com/tsparticles/vue2/commit/a5fdbb36010b54548997e6fd950166995863aedf))
+* **deps:** bump actions/setup-node from 3.4.0 to 3.4.1 ([88bf7f6](https://github.com/tsparticles/vue2/commit/88bf7f65ba8d5ae60b4a459f67754bcfff005484))
+* **deps:** bump actions/setup-node from 3.4.1 to 3.5.0 ([cff624d](https://github.com/tsparticles/vue2/commit/cff624d55a20fedd7df5b0d45eeda35f750459b0))
+* **deps:** bump actions/setup-node from 3.5.0 to 3.5.1 ([28d3cb3](https://github.com/tsparticles/vue2/commit/28d3cb322451a65cf4facc39a40404504f883c3a))
+* **deps:** bump core-js from 3.22.5 to 3.22.6 ([0564d90](https://github.com/tsparticles/vue2/commit/0564d907ed9d81a95cbafcc0f8a2e3a625e89dc3))
+* **deps:** bump core-js from 3.22.6 to 3.22.7 ([6e2e8b7](https://github.com/tsparticles/vue2/commit/6e2e8b762fe42d96a8ea6316422f2a559dff7b8b))
+* **deps:** bump core-js from 3.22.7 to 3.22.8 ([ef22f1f](https://github.com/tsparticles/vue2/commit/ef22f1f0270fe21692897dbf7ee2c3962049f697))
+* **deps:** bump core-js from 3.22.8 to 3.23.0 ([cfc8a04](https://github.com/tsparticles/vue2/commit/cfc8a041b076d0d8e959c284fd88c5d6701e8eb5))
+* **deps:** bump core-js from 3.23.0 to 3.23.1 ([d1e9b9e](https://github.com/tsparticles/vue2/commit/d1e9b9efd51575d2a9c32102394062cb9295e25c))
+* **deps:** bump core-js from 3.23.1 to 3.23.2 ([94102a5](https://github.com/tsparticles/vue2/commit/94102a5a1731af4639316a36a04ec9a172a8ac55))
+* **deps:** bump core-js from 3.23.2 to 3.23.3 ([bb577b8](https://github.com/tsparticles/vue2/commit/bb577b8da60b8f4b3cfa0d4fd1c7a23cc2a76405))
+* **deps:** bump core-js from 3.23.3 to 3.23.4 ([e7d1030](https://github.com/tsparticles/vue2/commit/e7d103067d952e17397c5e50e5a756ad8d1b1726))
+* **deps:** bump core-js from 3.23.4 to 3.23.5 ([3179449](https://github.com/tsparticles/vue2/commit/3179449d3295a5ec2bd3679efb0f708653ff9599))
+* **deps:** bump core-js from 3.23.5 to 3.24.0 ([d778669](https://github.com/tsparticles/vue2/commit/d778669ea1379cbda67691a35f9eb25bcdc5a22c))
+* **deps:** bump core-js from 3.24.0 to 3.24.1 ([812a1ad](https://github.com/tsparticles/vue2/commit/812a1ad14ef41491a423c39e756c4aa0cf200f7f))
+* **deps:** bump core-js from 3.24.1 to 3.25.0 ([9edaafa](https://github.com/tsparticles/vue2/commit/9edaafa7c0a6cdc828e67b7de515e50b792557f1))
+* **deps:** bump core-js from 3.25.0 to 3.25.1 ([99c60fa](https://github.com/tsparticles/vue2/commit/99c60faf13cd63960b475d2aa2d5deebaa17562b))
+* **deps:** bump core-js from 3.25.1 to 3.25.2 ([9c8189f](https://github.com/tsparticles/vue2/commit/9c8189f3b5cbdee4019a3d158f8da737db3ec7bc))
+* **deps:** bump core-js from 3.25.2 to 3.25.3 ([21fa47b](https://github.com/tsparticles/vue2/commit/21fa47bd3871de8937bdca8017288f13fa21ab17))
+* **deps:** bump core-js from 3.25.3 to 3.25.4 ([359145b](https://github.com/tsparticles/vue2/commit/359145be1d3ecbd853df1a87e5b17ba38c53eb5f))
+* **deps:** bump core-js from 3.25.4 to 3.25.5 ([e51b3b9](https://github.com/tsparticles/vue2/commit/e51b3b9fa90917e4721d41725df463cf97b67421))
+* **deps:** bump core-js from 3.25.5 to 3.26.0 ([25f5910](https://github.com/tsparticles/vue2/commit/25f5910d48956081088558cf70c2113d56dd6cde))
+* **deps:** bump core-js from 3.26.0 to 3.26.1 ([ff5c20d](https://github.com/tsparticles/vue2/commit/ff5c20d5a30eaa9b463405f3ceae03d98ecda62f))
+* **deps:** bump core-js from 3.26.1 to 3.27.0 ([b520304](https://github.com/tsparticles/vue2/commit/b52030446e9954f13d6c8c0d3a03e0cf13c523c9))
+* **deps:** bump particles.vue from 3.0.6 to 3.1.0 ([6fbbffd](https://github.com/tsparticles/vue2/commit/6fbbffdb11c0550902a6e188da43ea1b8b1d9bd7))
+* **deps:** bump particles.vue from 3.1.0 to 3.1.3 ([80a7633](https://github.com/tsparticles/vue2/commit/80a7633de9393f0b6875a8999c85ba0e2f2d1115))
+* **deps:** bump particles.vue from 3.1.3 to 3.1.4 ([f5a9efd](https://github.com/tsparticles/vue2/commit/f5a9efd33ddc10e61a71820a3a066c1cb18d81af))
+* **deps:** bump particles.vue from 3.1.4 to 3.2.0 ([1e7f29c](https://github.com/tsparticles/vue2/commit/1e7f29c72f0e5ee7cd3a3331a6ea898d66a91fec))
+* **deps:** bump particles.vue from 3.2.0 to 3.2.1 ([b29654b](https://github.com/tsparticles/vue2/commit/b29654b92aed8eaeddd01de37d338f6e131b6ce4))
+* **deps:** bump particles.vue from 3.2.1 to 3.2.2 ([f562dbc](https://github.com/tsparticles/vue2/commit/f562dbc470c77ff354a992e89eeb8422810a0e8d))
+* **deps:** bump particles.vue from 3.2.2 to 3.2.3 ([20738b0](https://github.com/tsparticles/vue2/commit/20738b0cb7569b0992e9ef39f8d2ae5c72bdf58a))
+* **deps:** bump particles.vue from 3.2.3 to 3.2.4 ([b5c4175](https://github.com/tsparticles/vue2/commit/b5c4175fd82ee111c33f413f61ed3db223838b7e))
+* **deps:** bump particles.vue from 3.2.4 to 3.3.1 ([9b1280c](https://github.com/tsparticles/vue2/commit/9b1280c7921531345b971a97bf714af5fe2b7bc5))
+* **deps:** bump particles.vue from 3.3.1 to 3.3.2 ([096bbd0](https://github.com/tsparticles/vue2/commit/096bbd047952b4cfcad59b774ccc44ee8c9f7c2c))
+* **deps:** bump particles.vue from 3.3.2 to 3.3.3 ([211ea9f](https://github.com/tsparticles/vue2/commit/211ea9fd987df0b8f5aefc8bbf687796c060b9ee))
+* **deps:** bump particles.vue from 3.3.3 to 3.5.3 ([222b8cb](https://github.com/tsparticles/vue2/commit/222b8cb08b44ce71e44dadb885983a18696e5b4c))
+* **deps:** bump tsparticles from 2.0.6 to 2.1.0 ([692f85c](https://github.com/tsparticles/vue2/commit/692f85c0011f3195bdd931b827f27a1b17d657b7))
+* **deps:** bump tsparticles from 2.1.0 to 2.1.3 ([0af0da4](https://github.com/tsparticles/vue2/commit/0af0da442c9a5ad992ccab8b10957c8726be5e99))
+* **deps:** bump tsparticles from 2.1.3 to 2.1.4 ([a9b4b0a](https://github.com/tsparticles/vue2/commit/a9b4b0a4a13eddf7c0e29960662b8ddcf705fd0f))
+* **deps:** bump tsparticles from 2.1.4 to 2.2.0 ([19cd8a8](https://github.com/tsparticles/vue2/commit/19cd8a8077615387b3bbdd94bf626d7dbfd6c9de))
+* **deps:** bump tsparticles from 2.2.0 to 2.2.1 ([25d24d8](https://github.com/tsparticles/vue2/commit/25d24d8cfb88301394887101d6262a90c0d36a56))
+* **deps:** bump tsparticles from 2.2.1 to 2.2.2 ([cf7a242](https://github.com/tsparticles/vue2/commit/cf7a242b2a4af76f88425b3dae4e5f4e8323c31b))
+* **deps:** bump tsparticles from 2.2.2 to 2.2.3 ([f331367](https://github.com/tsparticles/vue2/commit/f3313674aeccc77d32c9458038ed7f56853d36e7))
+* **deps:** bump tsparticles from 2.2.3 to 2.2.4 ([58612c3](https://github.com/tsparticles/vue2/commit/58612c351995978991977c857e30e1b8987ff396))
+* **deps:** bump tsparticles from 2.2.4 to 2.3.0 ([020211f](https://github.com/tsparticles/vue2/commit/020211fff4ccc0b82833ca8cd54a312a5bc3e535))
+* **deps:** bump tsparticles from 2.3.0 to 2.3.1 ([ae55e27](https://github.com/tsparticles/vue2/commit/ae55e27022ab9fcb82095c348773dfa3e467c9dd))
+* **deps:** bump tsparticles from 2.3.1 to 2.3.2 ([050e22e](https://github.com/tsparticles/vue2/commit/050e22e1909fefbf85048c6c8c1cd92ddf7a0430))
+* **deps:** bump tsparticles from 2.3.2 to 2.3.4 ([e6fab09](https://github.com/tsparticles/vue2/commit/e6fab09052afa99c35f940ed1157a42c2332b780))
+* **deps:** bump tsparticles from 2.3.4 to 2.4.0 ([c61abf1](https://github.com/tsparticles/vue2/commit/c61abf17085ff9b53d499e728a2b9f3e794e1c1f))
+* **deps:** bump tsparticles from 2.4.0 to 2.5.1 ([54df3f7](https://github.com/tsparticles/vue2/commit/54df3f73ed9ac48403035c70cd3e87eedcca9f4b))
+* **deps:** bump tsparticles from 2.5.1 to 2.5.3 ([eabe3d5](https://github.com/tsparticles/vue2/commit/eabe3d520fcf96feb1a8633180cf993e11656af3))
+* **deps:** bump vue and vue-template-compiler ([1b8636f](https://github.com/tsparticles/vue2/commit/1b8636f084aec753238ed6022066b3797b8f5a6e))
+* **deps:** bump vue and vue-template-compiler ([a419536](https://github.com/tsparticles/vue2/commit/a41953664e7a057ec8b83114df756b0fba86de4b))
+* **deps:** bump vue and vue-template-compiler ([8cc402a](https://github.com/tsparticles/vue2/commit/8cc402af394bb38c4ba946c1e86127eab50d6c3c))
+* **deps:** bump vue and vue-template-compiler ([85b6cbc](https://github.com/tsparticles/vue2/commit/85b6cbc50fd2726bc97bab6170762810a6e3b2a7))
+* **deps:** bump vue and vue-template-compiler ([058473e](https://github.com/tsparticles/vue2/commit/058473e4be248a8032cc9fd6352d950f30a520c8))
+* **deps:** bump vue-server-renderer from 2.6.14 to 2.7.0 ([cd215da](https://github.com/tsparticles/vue2/commit/cd215dab68fe50f87821a8d4c2094d7ed806cfb9))
+* **deps:** bump vue-server-renderer from 2.7.0 to 2.7.2 ([76a28b7](https://github.com/tsparticles/vue2/commit/76a28b742be880eb49039abb520c2da7b3250183))
+* **deps:** bump vue-server-renderer from 2.7.10 to 2.7.12 ([0a17349](https://github.com/tsparticles/vue2/commit/0a17349b29a48fa5f394ec2ca88390b34d20af29))
+* **deps:** bump vue-server-renderer from 2.7.12 to 2.7.13 ([c2b0e29](https://github.com/tsparticles/vue2/commit/c2b0e29a3d903233975f10ad86557ce0e0a67efc))
+* **deps:** bump vue-server-renderer from 2.7.13 to 2.7.14 ([58f7c1a](https://github.com/tsparticles/vue2/commit/58f7c1aeced7ab0801ecf9cebd57fe89cffff33b))
+* **deps:** bump vue-server-renderer from 2.7.2 to 2.7.3 ([40a824c](https://github.com/tsparticles/vue2/commit/40a824cb2424429181ecdf942a40c35b8b144ba1))
+* **deps:** bump vue-server-renderer from 2.7.3 to 2.7.4 ([7df2736](https://github.com/tsparticles/vue2/commit/7df2736a0610c68edb196e88ad527d978a791182))
+* **deps:** bump vue-server-renderer from 2.7.4 to 2.7.5 ([ebec567](https://github.com/tsparticles/vue2/commit/ebec567bc36ee2331b61c8ebe44543d07b69785a))
+* **deps:** bump vue-server-renderer from 2.7.5 to 2.7.7 ([5a08a70](https://github.com/tsparticles/vue2/commit/5a08a707c3e94164cb8a080240e2c418c691258d))
+* **deps:** bump vue-server-renderer from 2.7.7 to 2.7.8 ([6976e98](https://github.com/tsparticles/vue2/commit/6976e98fea490ac6f7880fa5af86823b2ad20b5b))
+* **deps:** bump vue-server-renderer from 2.7.8 to 2.7.9 ([febcb9a](https://github.com/tsparticles/vue2/commit/febcb9af45acc37d97cad1fd255eafd0e7f80d77))
+* **deps:** bump vue-server-renderer from 2.7.9 to 2.7.10 ([8df98de](https://github.com/tsparticles/vue2/commit/8df98de7094f30b1654e21a859122e8c870680d8))
+* **deps:** bump webpack from 4.46.0 to 5.72.1 ([eb21e86](https://github.com/tsparticles/vue2/commit/eb21e86cb16d00bba6567fe6f3126c48e04f69ee))
+* **deps:** bump webpack from 5.72.1 to 5.73.0 ([e39f034](https://github.com/tsparticles/vue2/commit/e39f034a8dd2fa9efe2c04ec8d6d900ae37ee9f8))
+* **deps:** bump webpack from 5.73.0 to 5.74.0 ([8755771](https://github.com/tsparticles/vue2/commit/8755771793efc35976a9b9f20de773590aa60256))
+* **deps:** bump webpack from 5.74.0 to 5.75.0 ([992668c](https://github.com/tsparticles/vue2/commit/992668ccf0d561137900ac52bd95957794b8edcd))
+
+
+### Features
+
+* improving init function for v3 ([24a83a0](https://github.com/tsparticles/vue2/commit/24a83a043c552dad4fa42ced026367698fe73da3))
+* preparing v3 ([7d7b0b9](https://github.com/tsparticles/vue2/commit/7d7b0b9e78894a19ce9e064c1ea05260f1d7e4e8))
diff --git a/README.md b/README.md
@@ -1,8 +1,8 @@
 [![banner](https://particles.js.org/images/banner3.png)](https://particles.js.org)
 
-# vue2-particles
+# @tsparticles/vue2
 
-[![npm](https://img.shields.io/npm/v/vue2-particles)](https://www.npmjs.com/package/vue2-particles) [![npm](https://img.shields.io/npm/dm/vue2-particles)](https://www.npmjs.com/package/vue2-particles) [![GitHub Sponsors](https://img.shields.io/github/sponsors/matteobruni)](https://github.com/sponsors/matteobruni)
+[![npm](https://img.shields.io/npm/v/@tsparticles/vue2)](https://www.npmjs.com/package/@tsparticles/vue2) [![npm](https://img.shields.io/npm/dm/vue2-particles)](https://www.npmjs.com/package/vue2-particles) [![GitHub Sponsors](https://img.shields.io/github/sponsors/matteobruni)](https://github.com/sponsors/matteobruni)
 
 Official [tsParticles](https://github.com/matteobruni/tsparticles) VueJS component
 
@@ -13,36 +13,37 @@ Official [tsParticles](https://github.com/matteobruni/tsparticles) VueJS compone
 ## Installation
 
 ```shell script
-yarn add vue2-particles
+yarn add @tsparticles/vue2
 ```
 
 ## Usage
 
 ```javascript
-import Particles from "vue2-particles";
-
-Vue.use(Particles);
+import Particles from "@tsparticles/vue2";
+//import { loadFull } from "tsparticles"; // if you are going to use `loadFull`, install the "tsparticles" package too.
+import { loadSlim } from "@tsparticles/slim"; // if you are going to use `loadSlim`, install the "@tsparticles/slim" package too.
+
+Vue.use(Particles, {
+    init: async engine => {
+        // await loadFull(engine);
+        await loadSlim(engine);
+    },
+});
 ```
 
 ### Demo config
 
 ```html
 <template>
     <div id="app">
-        <vue-particles
-            id="tsparticles"
-            :particlesInit="particlesInit"
-            :particlesLoaded="particlesLoaded"
-            url="http://foo.bar/particles.json"
-        />
+        <vue-particles id="tsparticles" :particlesLoaded="particlesLoaded" url="http://foo.bar/particles.json" />
 
         <!-- or -->
 
         <vue-particles
-            id="tsparticles"
-            :particlesInit="particlesInit"
-            :particlesLoaded="particlesLoaded"
-            :options="{
+                id="tsparticles"
+                :particlesLoaded="particlesLoaded"
+                :options="{
                     background: {
                         color: {
                             value: '#0d47a1'
@@ -59,7 +60,6 @@ Vue.use(Particles);
                                 enable: true,
                                 mode: 'repulse'
                             },
-                            resize: true
                         },
                         modes: {
                             bubble: {
@@ -91,15 +91,14 @@ Vue.use(Particles);
                         move: {
                             direction: 'none',
                             enable: true,
-                            outMode: 'bounce',
+                            outModes: 'bounce',
                             random: false,
                             speed: 6,
                             straight: false
                         },
                         number: {
                             density: {
                                 enable: true,
-                                area: 800
                             },
                             value: 80
                         },
@@ -121,14 +120,6 @@ Vue.use(Particles);
 ```
 
 ```javascript
-//import { loadFull } from "tsparticles"; // if you are going to use `loadFull`, install the "tsparticles" package too.
-import { loadSlim } from "tsparticles-slim"; // if you are going to use `loadSlim`, install the "tsparticles-slim" package too.
-
-const particlesInit = async engine => {
-    //await loadFull(engine);
-    await loadSlim(engine);
-};
-
 const particlesLoaded = async container => {
     console.log("Particles container loaded", container);
 };
@@ -140,7 +131,7 @@ If TypeScript returns error while importing/using Particles plugin try adding th
 code:
 
 ```typescript
-declare module "vue2-particles";
+declare module "@tsparticles/vue2";
 ```
 
 ## Demos

diff --git a/apps/nuxt2/CHANGELOG.md b/apps/nuxt2/CHANGELOG.md
@@ -3,6 +3,18 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# 3.0.0 (2023-12-22)
+
+
+### Features
+
+* improving init function for v3 ([24a83a0](https://github.com/tsparticles/vue2/commit/24a83a043c552dad4fa42ced026367698fe73da3))
+* preparing v3 ([7d7b0b9](https://github.com/tsparticles/vue2/commit/7d7b0b9e78894a19ce9e064c1ea05260f1d7e4e8))
+
+
+
+
+
 # [1.2.0](https://github.com/tsparticles/vue2/compare/[email protected]@1.2.0) (2023-08-04)
 
 **Note:** Version bump only for package nuxt2-demo

diff --git a/apps/nuxt2/components/Tutorial.vue b/apps/nuxt2/components/Tutorial.vue
@@ -75,17 +75,12 @@
           >. Have fun!
         </p>
       </div>
-      <Particles
-        id="tsparticles"
-        :options="options"
-        :particles-init="particlesInit"
-      />
+      <vue-particles id="tsparticles" :options="options" />
       <div class="flex justify-center pt-4 space-x-2">
         <a href="https://github.com/nuxt/nuxt.js" target="_blank">
           <svg
             class="w-6 h-6 text-gray-600 hover:text-gray-800 button--github"
             xmlns="http://www.w3.org/2000/svg"
-            xmlns:xlink="http://www.w3.org/1999/xlink"
             aria-hidden="true"
             role="img"
             width="32"
@@ -103,7 +98,6 @@
           <svg
             class="w-6 h-6 text-gray-600 hover:text-gray-800"
             xmlns="http://www.w3.org/2000/svg"
-            xmlns:xlink="http://www.w3.org/1999/xlink"
             aria-hidden="true"
             role="img"
             width="32"
@@ -123,8 +117,6 @@
 </template>
 
 <script>
-import { loadFull } from 'tsparticles'
-
 export default {
   name: 'NuxtTutorial',
   data() {
@@ -155,10 +147,5 @@ export default {
       },
     }
   },
-  methods: {
-    particlesInit: async (engine) => {
-      await loadFull(engine)
-    },
-  },
 }
 </script>
diff --git a/apps/nuxt2/nuxt.config.js b/apps/nuxt2/nuxt.config.js
@@ -45,6 +45,6 @@ export default {
 
   // Build Configuration: https://go.nuxtjs.dev/config-build
   build: {
-    transpile: ['tsparticles', 'tsparticles-engine'],
+    transpile: ['tsparticles', '@tsparticles/engine'],
   },
 }
diff --git a/apps/nuxt2/package.json b/apps/nuxt2/package.json
@@ -1,6 +1,6 @@
 {
   "name": "nuxt2-demo",
-  "version": "1.2.0",
+  "version": "3.0.0",
   "private": true,
   "scripts": {
     "dev": "nuxt",
@@ -14,14 +14,14 @@
     "lintfix": "prettier --write --list-different . && yarn lint:js --fix"
   },
   "dependencies": {
+    "@tsparticles/engine": "^3.0.2",
+    "@tsparticles/vue2": "^3.0.0",
     "core-js": "^3.32.2",
     "nuxt": "^2.17.1",
-    "tsparticles": "^2.12.0",
-    "tsparticles-engine": "^2.12.0",
+    "tsparticles": "^3.0.2",
     "vue": "^2.7.14",
     "vue-server-renderer": "^2.7.14",
-    "vue-template-compiler": "^2.7.14",
-    "vue2-particles": "^2.12.0"
+    "vue-template-compiler": "^2.7.14"
   },
   "devDependencies": {
     "@babel/core": "^7.22.19",