Skip to content

Commit 6c1eae2

Browse files
matteobrunimatteobruni
authored
Merge pull request #35 from tsparticles/dev
3.0.0
2 parents 67a546f + f1bd24a commit 6c1eae2

38 files changed

+1300
-2150
lines changed

‎CHANGELOG.md

+103
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,103 @@
1+
# Change Log
2+
3+
All notable changes to this project will be documented in this file.
4+
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5+
6+
# 3.0.0 (2023-12-22)
7+
8+
9+
### Bug Fixes
10+
11+
* **deps:** bump actions/cache from 2.1.4 to 3.0.2 ([3fb65d4](https://github.com/tsparticles/vue2/commit/3fb65d4b6b6b88a15f833be8ee07362d3e406e9b))
12+
* **deps:** bump actions/cache from 3.0.10 to 3.0.11 ([c1fa634](https://github.com/tsparticles/vue2/commit/c1fa634ee44921afa2c9dc7900bde14e37cc03e4))
13+
* **deps:** bump actions/cache from 3.0.11 to 3.2.0 ([79678df](https://github.com/tsparticles/vue2/commit/79678df2c03a41d84df84c2b8640c0406c1c23a7))
14+
* **deps:** bump actions/cache from 3.0.2 to 3.0.3 ([897ae93](https://github.com/tsparticles/vue2/commit/897ae932abe58315068b6b352a51297281de5b13))
15+
* **deps:** bump actions/cache from 3.0.3 to 3.0.4 ([d38b793](https://github.com/tsparticles/vue2/commit/d38b793df6fc79a15247c537ed83ddb7fccc4273))
16+
* **deps:** bump actions/cache from 3.0.4 to 3.0.5 ([e129732](https://github.com/tsparticles/vue2/commit/e1297324920be604591cdb5f25b3acc5910ba78b))
17+
* **deps:** bump actions/cache from 3.0.5 to 3.0.6 ([173fd22](https://github.com/tsparticles/vue2/commit/173fd227f2fd45e36da975da382c99153a9f464a))
18+
* **deps:** bump actions/cache from 3.0.6 to 3.0.7 ([6f486d3](https://github.com/tsparticles/vue2/commit/6f486d31efb78b445773d2ed4bd872097b2e889a))
19+
* **deps:** bump actions/cache from 3.0.7 to 3.0.8 ([ad5fd2f](https://github.com/tsparticles/vue2/commit/ad5fd2f871075224565c8416d058dc206a1c1e58))
20+
* **deps:** bump actions/cache from 3.0.8 to 3.0.9 ([7b8a794](https://github.com/tsparticles/vue2/commit/7b8a794f42e5c1fa7a98951efc83a5c5de6a9840))
21+
* **deps:** bump actions/cache from 3.0.9 to 3.0.10 ([6b267d3](https://github.com/tsparticles/vue2/commit/6b267d3c41e77e88e7403283ddeea3fbe4f82b28))
22+
* **deps:** bump actions/cache from 3.2.0 to 3.2.1 ([7f17cca](https://github.com/tsparticles/vue2/commit/7f17ccaced1ede77f88310923cf6dd561e1b1a0f))
23+
* **deps:** bump actions/cache from 3.2.1 to 3.2.2 ([1a6a6c0](https://github.com/tsparticles/vue2/commit/1a6a6c0c6f7fa716a9ac3e5cb2b9e91090de429b))
24+
* **deps:** bump actions/setup-node from 2.1.5 to 3.2.0 ([53d15fb](https://github.com/tsparticles/vue2/commit/53d15fb99dcc7811dfc5fae9c791558d8a97f85a))
25+
* **deps:** bump actions/setup-node from 3.2.0 to 3.3.0 ([0dd5c83](https://github.com/tsparticles/vue2/commit/0dd5c8386e9a31efe05ecf929c8a959bf9eebd52))
26+
* **deps:** bump actions/setup-node from 3.3.0 to 3.4.0 ([a5fdbb3](https://github.com/tsparticles/vue2/commit/a5fdbb36010b54548997e6fd950166995863aedf))
27+
* **deps:** bump actions/setup-node from 3.4.0 to 3.4.1 ([88bf7f6](https://github.com/tsparticles/vue2/commit/88bf7f65ba8d5ae60b4a459f67754bcfff005484))
28+
* **deps:** bump actions/setup-node from 3.4.1 to 3.5.0 ([cff624d](https://github.com/tsparticles/vue2/commit/cff624d55a20fedd7df5b0d45eeda35f750459b0))
29+
* **deps:** bump actions/setup-node from 3.5.0 to 3.5.1 ([28d3cb3](https://github.com/tsparticles/vue2/commit/28d3cb322451a65cf4facc39a40404504f883c3a))
30+
* **deps:** bump core-js from 3.22.5 to 3.22.6 ([0564d90](https://github.com/tsparticles/vue2/commit/0564d907ed9d81a95cbafcc0f8a2e3a625e89dc3))
31+
* **deps:** bump core-js from 3.22.6 to 3.22.7 ([6e2e8b7](https://github.com/tsparticles/vue2/commit/6e2e8b762fe42d96a8ea6316422f2a559dff7b8b))
32+
* **deps:** bump core-js from 3.22.7 to 3.22.8 ([ef22f1f](https://github.com/tsparticles/vue2/commit/ef22f1f0270fe21692897dbf7ee2c3962049f697))
33+
* **deps:** bump core-js from 3.22.8 to 3.23.0 ([cfc8a04](https://github.com/tsparticles/vue2/commit/cfc8a041b076d0d8e959c284fd88c5d6701e8eb5))
34+
* **deps:** bump core-js from 3.23.0 to 3.23.1 ([d1e9b9e](https://github.com/tsparticles/vue2/commit/d1e9b9efd51575d2a9c32102394062cb9295e25c))
35+
* **deps:** bump core-js from 3.23.1 to 3.23.2 ([94102a5](https://github.com/tsparticles/vue2/commit/94102a5a1731af4639316a36a04ec9a172a8ac55))
36+
* **deps:** bump core-js from 3.23.2 to 3.23.3 ([bb577b8](https://github.com/tsparticles/vue2/commit/bb577b8da60b8f4b3cfa0d4fd1c7a23cc2a76405))
37+
* **deps:** bump core-js from 3.23.3 to 3.23.4 ([e7d1030](https://github.com/tsparticles/vue2/commit/e7d103067d952e17397c5e50e5a756ad8d1b1726))
38+
* **deps:** bump core-js from 3.23.4 to 3.23.5 ([3179449](https://github.com/tsparticles/vue2/commit/3179449d3295a5ec2bd3679efb0f708653ff9599))
39+
* **deps:** bump core-js from 3.23.5 to 3.24.0 ([d778669](https://github.com/tsparticles/vue2/commit/d778669ea1379cbda67691a35f9eb25bcdc5a22c))
40+
* **deps:** bump core-js from 3.24.0 to 3.24.1 ([812a1ad](https://github.com/tsparticles/vue2/commit/812a1ad14ef41491a423c39e756c4aa0cf200f7f))
41+
* **deps:** bump core-js from 3.24.1 to 3.25.0 ([9edaafa](https://github.com/tsparticles/vue2/commit/9edaafa7c0a6cdc828e67b7de515e50b792557f1))
42+
* **deps:** bump core-js from 3.25.0 to 3.25.1 ([99c60fa](https://github.com/tsparticles/vue2/commit/99c60faf13cd63960b475d2aa2d5deebaa17562b))
43+
* **deps:** bump core-js from 3.25.1 to 3.25.2 ([9c8189f](https://github.com/tsparticles/vue2/commit/9c8189f3b5cbdee4019a3d158f8da737db3ec7bc))
44+
* **deps:** bump core-js from 3.25.2 to 3.25.3 ([21fa47b](https://github.com/tsparticles/vue2/commit/21fa47bd3871de8937bdca8017288f13fa21ab17))
45+
* **deps:** bump core-js from 3.25.3 to 3.25.4 ([359145b](https://github.com/tsparticles/vue2/commit/359145be1d3ecbd853df1a87e5b17ba38c53eb5f))
46+
* **deps:** bump core-js from 3.25.4 to 3.25.5 ([e51b3b9](https://github.com/tsparticles/vue2/commit/e51b3b9fa90917e4721d41725df463cf97b67421))
47+
* **deps:** bump core-js from 3.25.5 to 3.26.0 ([25f5910](https://github.com/tsparticles/vue2/commit/25f5910d48956081088558cf70c2113d56dd6cde))
48+
* **deps:** bump core-js from 3.26.0 to 3.26.1 ([ff5c20d](https://github.com/tsparticles/vue2/commit/ff5c20d5a30eaa9b463405f3ceae03d98ecda62f))
49+
* **deps:** bump core-js from 3.26.1 to 3.27.0 ([b520304](https://github.com/tsparticles/vue2/commit/b52030446e9954f13d6c8c0d3a03e0cf13c523c9))
50+
* **deps:** bump particles.vue from 3.0.6 to 3.1.0 ([6fbbffd](https://github.com/tsparticles/vue2/commit/6fbbffdb11c0550902a6e188da43ea1b8b1d9bd7))
51+
* **deps:** bump particles.vue from 3.1.0 to 3.1.3 ([80a7633](https://github.com/tsparticles/vue2/commit/80a7633de9393f0b6875a8999c85ba0e2f2d1115))
52+
* **deps:** bump particles.vue from 3.1.3 to 3.1.4 ([f5a9efd](https://github.com/tsparticles/vue2/commit/f5a9efd33ddc10e61a71820a3a066c1cb18d81af))
53+
* **deps:** bump particles.vue from 3.1.4 to 3.2.0 ([1e7f29c](https://github.com/tsparticles/vue2/commit/1e7f29c72f0e5ee7cd3a3331a6ea898d66a91fec))
54+
* **deps:** bump particles.vue from 3.2.0 to 3.2.1 ([b29654b](https://github.com/tsparticles/vue2/commit/b29654b92aed8eaeddd01de37d338f6e131b6ce4))
55+
* **deps:** bump particles.vue from 3.2.1 to 3.2.2 ([f562dbc](https://github.com/tsparticles/vue2/commit/f562dbc470c77ff354a992e89eeb8422810a0e8d))
56+
* **deps:** bump particles.vue from 3.2.2 to 3.2.3 ([20738b0](https://github.com/tsparticles/vue2/commit/20738b0cb7569b0992e9ef39f8d2ae5c72bdf58a))
57+
* **deps:** bump particles.vue from 3.2.3 to 3.2.4 ([b5c4175](https://github.com/tsparticles/vue2/commit/b5c4175fd82ee111c33f413f61ed3db223838b7e))
58+
* **deps:** bump particles.vue from 3.2.4 to 3.3.1 ([9b1280c](https://github.com/tsparticles/vue2/commit/9b1280c7921531345b971a97bf714af5fe2b7bc5))
59+
* **deps:** bump particles.vue from 3.3.1 to 3.3.2 ([096bbd0](https://github.com/tsparticles/vue2/commit/096bbd047952b4cfcad59b774ccc44ee8c9f7c2c))
60+
* **deps:** bump particles.vue from 3.3.2 to 3.3.3 ([211ea9f](https://github.com/tsparticles/vue2/commit/211ea9fd987df0b8f5aefc8bbf687796c060b9ee))
61+
* **deps:** bump particles.vue from 3.3.3 to 3.5.3 ([222b8cb](https://github.com/tsparticles/vue2/commit/222b8cb08b44ce71e44dadb885983a18696e5b4c))
62+
* **deps:** bump tsparticles from 2.0.6 to 2.1.0 ([692f85c](https://github.com/tsparticles/vue2/commit/692f85c0011f3195bdd931b827f27a1b17d657b7))
63+
* **deps:** bump tsparticles from 2.1.0 to 2.1.3 ([0af0da4](https://github.com/tsparticles/vue2/commit/0af0da442c9a5ad992ccab8b10957c8726be5e99))
64+
* **deps:** bump tsparticles from 2.1.3 to 2.1.4 ([a9b4b0a](https://github.com/tsparticles/vue2/commit/a9b4b0a4a13eddf7c0e29960662b8ddcf705fd0f))
65+
* **deps:** bump tsparticles from 2.1.4 to 2.2.0 ([19cd8a8](https://github.com/tsparticles/vue2/commit/19cd8a8077615387b3bbdd94bf626d7dbfd6c9de))
66+
* **deps:** bump tsparticles from 2.2.0 to 2.2.1 ([25d24d8](https://github.com/tsparticles/vue2/commit/25d24d8cfb88301394887101d6262a90c0d36a56))
67+
* **deps:** bump tsparticles from 2.2.1 to 2.2.2 ([cf7a242](https://github.com/tsparticles/vue2/commit/cf7a242b2a4af76f88425b3dae4e5f4e8323c31b))
68+
* **deps:** bump tsparticles from 2.2.2 to 2.2.3 ([f331367](https://github.com/tsparticles/vue2/commit/f3313674aeccc77d32c9458038ed7f56853d36e7))
69+
* **deps:** bump tsparticles from 2.2.3 to 2.2.4 ([58612c3](https://github.com/tsparticles/vue2/commit/58612c351995978991977c857e30e1b8987ff396))
70+
* **deps:** bump tsparticles from 2.2.4 to 2.3.0 ([020211f](https://github.com/tsparticles/vue2/commit/020211fff4ccc0b82833ca8cd54a312a5bc3e535))
71+
* **deps:** bump tsparticles from 2.3.0 to 2.3.1 ([ae55e27](https://github.com/tsparticles/vue2/commit/ae55e27022ab9fcb82095c348773dfa3e467c9dd))
72+
* **deps:** bump tsparticles from 2.3.1 to 2.3.2 ([050e22e](https://github.com/tsparticles/vue2/commit/050e22e1909fefbf85048c6c8c1cd92ddf7a0430))
73+
* **deps:** bump tsparticles from 2.3.2 to 2.3.4 ([e6fab09](https://github.com/tsparticles/vue2/commit/e6fab09052afa99c35f940ed1157a42c2332b780))
74+
* **deps:** bump tsparticles from 2.3.4 to 2.4.0 ([c61abf1](https://github.com/tsparticles/vue2/commit/c61abf17085ff9b53d499e728a2b9f3e794e1c1f))
75+
* **deps:** bump tsparticles from 2.4.0 to 2.5.1 ([54df3f7](https://github.com/tsparticles/vue2/commit/54df3f73ed9ac48403035c70cd3e87eedcca9f4b))
76+
* **deps:** bump tsparticles from 2.5.1 to 2.5.3 ([eabe3d5](https://github.com/tsparticles/vue2/commit/eabe3d520fcf96feb1a8633180cf993e11656af3))
77+
* **deps:** bump vue and vue-template-compiler ([1b8636f](https://github.com/tsparticles/vue2/commit/1b8636f084aec753238ed6022066b3797b8f5a6e))
78+
* **deps:** bump vue and vue-template-compiler ([a419536](https://github.com/tsparticles/vue2/commit/a41953664e7a057ec8b83114df756b0fba86de4b))
79+
* **deps:** bump vue and vue-template-compiler ([8cc402a](https://github.com/tsparticles/vue2/commit/8cc402af394bb38c4ba946c1e86127eab50d6c3c))
80+
* **deps:** bump vue and vue-template-compiler ([85b6cbc](https://github.com/tsparticles/vue2/commit/85b6cbc50fd2726bc97bab6170762810a6e3b2a7))
81+
* **deps:** bump vue and vue-template-compiler ([058473e](https://github.com/tsparticles/vue2/commit/058473e4be248a8032cc9fd6352d950f30a520c8))
82+
* **deps:** bump vue-server-renderer from 2.6.14 to 2.7.0 ([cd215da](https://github.com/tsparticles/vue2/commit/cd215dab68fe50f87821a8d4c2094d7ed806cfb9))
83+
* **deps:** bump vue-server-renderer from 2.7.0 to 2.7.2 ([76a28b7](https://github.com/tsparticles/vue2/commit/76a28b742be880eb49039abb520c2da7b3250183))
84+
* **deps:** bump vue-server-renderer from 2.7.10 to 2.7.12 ([0a17349](https://github.com/tsparticles/vue2/commit/0a17349b29a48fa5f394ec2ca88390b34d20af29))
85+
* **deps:** bump vue-server-renderer from 2.7.12 to 2.7.13 ([c2b0e29](https://github.com/tsparticles/vue2/commit/c2b0e29a3d903233975f10ad86557ce0e0a67efc))
86+
* **deps:** bump vue-server-renderer from 2.7.13 to 2.7.14 ([58f7c1a](https://github.com/tsparticles/vue2/commit/58f7c1aeced7ab0801ecf9cebd57fe89cffff33b))
87+
* **deps:** bump vue-server-renderer from 2.7.2 to 2.7.3 ([40a824c](https://github.com/tsparticles/vue2/commit/40a824cb2424429181ecdf942a40c35b8b144ba1))
88+
* **deps:** bump vue-server-renderer from 2.7.3 to 2.7.4 ([7df2736](https://github.com/tsparticles/vue2/commit/7df2736a0610c68edb196e88ad527d978a791182))
89+
* **deps:** bump vue-server-renderer from 2.7.4 to 2.7.5 ([ebec567](https://github.com/tsparticles/vue2/commit/ebec567bc36ee2331b61c8ebe44543d07b69785a))
90+
* **deps:** bump vue-server-renderer from 2.7.5 to 2.7.7 ([5a08a70](https://github.com/tsparticles/vue2/commit/5a08a707c3e94164cb8a080240e2c418c691258d))
91+
* **deps:** bump vue-server-renderer from 2.7.7 to 2.7.8 ([6976e98](https://github.com/tsparticles/vue2/commit/6976e98fea490ac6f7880fa5af86823b2ad20b5b))
92+
* **deps:** bump vue-server-renderer from 2.7.8 to 2.7.9 ([febcb9a](https://github.com/tsparticles/vue2/commit/febcb9af45acc37d97cad1fd255eafd0e7f80d77))
93+
* **deps:** bump vue-server-renderer from 2.7.9 to 2.7.10 ([8df98de](https://github.com/tsparticles/vue2/commit/8df98de7094f30b1654e21a859122e8c870680d8))
94+
* **deps:** bump webpack from 4.46.0 to 5.72.1 ([eb21e86](https://github.com/tsparticles/vue2/commit/eb21e86cb16d00bba6567fe6f3126c48e04f69ee))
95+
* **deps:** bump webpack from 5.72.1 to 5.73.0 ([e39f034](https://github.com/tsparticles/vue2/commit/e39f034a8dd2fa9efe2c04ec8d6d900ae37ee9f8))
96+
* **deps:** bump webpack from 5.73.0 to 5.74.0 ([8755771](https://github.com/tsparticles/vue2/commit/8755771793efc35976a9b9f20de773590aa60256))
97+
* **deps:** bump webpack from 5.74.0 to 5.75.0 ([992668c](https://github.com/tsparticles/vue2/commit/992668ccf0d561137900ac52bd95957794b8edcd))
98+
99+
100+
### Features
101+
102+
* improving init function for v3 ([24a83a0](https://github.com/tsparticles/vue2/commit/24a83a043c552dad4fa42ced026367698fe73da3))
103+
* preparing v3 ([7d7b0b9](https://github.com/tsparticles/vue2/commit/7d7b0b9e78894a19ce9e064c1ea05260f1d7e4e8))

‎README.md

+19-28
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,8 @@
11
[![banner](https://particles.js.org/images/banner3.png)](https://particles.js.org)
22

3-
# vue2-particles
3+
# @tsparticles/vue2
44

5-
[![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)
5+
[![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)
66

77
Official [tsParticles](https://github.com/matteobruni/tsparticles) VueJS component
88

@@ -13,36 +13,37 @@ Official [tsParticles](https://github.com/matteobruni/tsparticles) VueJS compone
1313
## Installation
1414

1515
```shell script
16-
yarn add vue2-particles
16+
yarn add @tsparticles/vue2
1717
```
1818

1919
## Usage
2020

2121
```javascript
22-
import Particles from "vue2-particles";
23-
24-
Vue.use(Particles);
22+
import Particles from "@tsparticles/vue2";
23+
//import { loadFull } from "tsparticles"; // if you are going to use `loadFull`, install the "tsparticles" package too.
24+
import { loadSlim } from "@tsparticles/slim"; // if you are going to use `loadSlim`, install the "@tsparticles/slim" package too.
25+
26+
Vue.use(Particles, {
27+
init: async engine => {
28+
// await loadFull(engine);
29+
await loadSlim(engine);
30+
},
31+
});
2532
```
2633

2734
### Demo config
2835

2936
```html
3037
<template>
3138
<div id="app">
32-
<vue-particles
33-
id="tsparticles"
34-
:particlesInit="particlesInit"
35-
:particlesLoaded="particlesLoaded"
36-
url="http://foo.bar/particles.json"
37-
/>
39+
<vue-particles id="tsparticles" :particlesLoaded="particlesLoaded" url="http://foo.bar/particles.json" />
3840

3941
<!-- or -->
4042

4143
<vue-particles
42-
id="tsparticles"
43-
:particlesInit="particlesInit"
44-
:particlesLoaded="particlesLoaded"
45-
:options="{
44+
id="tsparticles"
45+
:particlesLoaded="particlesLoaded"
46+
:options="{
4647
background: {
4748
color: {
4849
value: '#0d47a1'
@@ -59,7 +60,6 @@ Vue.use(Particles);
5960
enable: true,
6061
mode: 'repulse'
6162
},
62-
resize: true
6363
},
6464
modes: {
6565
bubble: {
@@ -91,15 +91,14 @@ Vue.use(Particles);
9191
move: {
9292
direction: 'none',
9393
enable: true,
94-
outMode: 'bounce',
94+
outModes: 'bounce',
9595
random: false,
9696
speed: 6,
9797
straight: false
9898
},
9999
number: {
100100
density: {
101101
enable: true,
102-
area: 800
103102
},
104103
value: 80
105104
},
@@ -121,14 +120,6 @@ Vue.use(Particles);
121120
```
122121

123122
```javascript
124-
//import { loadFull } from "tsparticles"; // if you are going to use `loadFull`, install the "tsparticles" package too.
125-
import { loadSlim } from "tsparticles-slim"; // if you are going to use `loadSlim`, install the "tsparticles-slim" package too.
126-
127-
const particlesInit = async engine => {
128-
//await loadFull(engine);
129-
await loadSlim(engine);
130-
};
131-
132123
const particlesLoaded = async container => {
133124
console.log("Particles container loaded", container);
134125
};
@@ -140,7 +131,7 @@ If TypeScript returns error while importing/using Particles plugin try adding th
140131
code:
141132

142133
```typescript
143-
declare module "vue2-particles";
134+
declare module "@tsparticles/vue2";
144135
```
145136

146137
## Demos

‎apps/nuxt2/CHANGELOG.md

+12
Original file line numberDiff line numberDiff line change
@@ -3,6 +3,18 @@
33
All notable changes to this project will be documented in this file.
44
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
55

6+
# 3.0.0 (2023-12-22)
7+
8+
9+
### Features
10+
11+
* improving init function for v3 ([24a83a0](https://github.com/tsparticles/vue2/commit/24a83a043c552dad4fa42ced026367698fe73da3))
12+
* preparing v3 ([7d7b0b9](https://github.com/tsparticles/vue2/commit/7d7b0b9e78894a19ce9e064c1ea05260f1d7e4e8))
13+
14+
15+
16+
17+
618
# [1.2.0](https://github.com/tsparticles/vue2/compare/[email protected]@1.2.0) (2023-08-04)
719

820
**Note:** Version bump only for package nuxt2-demo

‎apps/nuxt2/components/Tutorial.vue

+1-14
Original file line numberDiff line numberDiff line change
@@ -75,17 +75,12 @@
7575
>. Have fun!
7676
</p>
7777
</div>
78-
<Particles
79-
id="tsparticles"
80-
:options="options"
81-
:particles-init="particlesInit"
82-
/>
78+
<vue-particles id="tsparticles" :options="options" />
8379
<div class="flex justify-center pt-4 space-x-2">
8480
<a href="https://github.com/nuxt/nuxt.js" target="_blank">
8581
<svg
8682
class="w-6 h-6 text-gray-600 hover:text-gray-800 button--github"
8783
xmlns="http://www.w3.org/2000/svg"
88-
xmlns:xlink="http://www.w3.org/1999/xlink"
8984
aria-hidden="true"
9085
role="img"
9186
width="32"
@@ -103,7 +98,6 @@
10398
<svg
10499
class="w-6 h-6 text-gray-600 hover:text-gray-800"
105100
xmlns="http://www.w3.org/2000/svg"
106-
xmlns:xlink="http://www.w3.org/1999/xlink"
107101
aria-hidden="true"
108102
role="img"
109103
width="32"
@@ -123,8 +117,6 @@
123117
</template>
124118

125119
<script>
126-
import { loadFull } from 'tsparticles'
127-
128120
export default {
129121
name: 'NuxtTutorial',
130122
data() {
@@ -155,10 +147,5 @@ export default {
155147
},
156148
}
157149
},
158-
methods: {
159-
particlesInit: async (engine) => {
160-
await loadFull(engine)
161-
},
162-
},
163150
}
164151
</script>

‎apps/nuxt2/nuxt.config.js

+1-1
Original file line numberDiff line numberDiff line change
@@ -45,6 +45,6 @@ export default {
4545

4646
// Build Configuration: https://go.nuxtjs.dev/config-build
4747
build: {
48-
transpile: ['tsparticles', 'tsparticles-engine'],
48+
transpile: ['tsparticles', '@tsparticles/engine'],
4949
},
5050
}

‎apps/nuxt2/package.json

+5-5
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "nuxt2-demo",
3-
"version": "1.2.0",
3+
"version": "3.0.0",
44
"private": true,
55
"scripts": {
66
"dev": "nuxt",
@@ -14,14 +14,14 @@
1414
"lintfix": "prettier --write --list-different . && yarn lint:js --fix"
1515
},
1616
"dependencies": {
17+
"@tsparticles/engine": "^3.0.2",
18+
"@tsparticles/vue2": "^3.0.0",
1719
"core-js": "^3.32.2",
1820
"nuxt": "^2.17.1",
19-
"tsparticles": "^2.12.0",
20-
"tsparticles-engine": "^2.12.0",
21+
"tsparticles": "^3.0.2",
2122
"vue": "^2.7.14",
2223
"vue-server-renderer": "^2.7.14",
23-
"vue-template-compiler": "^2.7.14",
24-
"vue2-particles": "^2.12.0"
24+
"vue-template-compiler": "^2.7.14"
2525
},
2626
"devDependencies": {
2727
"@babel/core": "^7.22.19",

0 commit comments

Comments
 (0)