Merge pull request #69 from tsparticles/dev

3.0.1
tsparticles · Mar 6, 2024 · 65e3c8d · 65e3c8d
2 parents 8ca5ebb + f00a556
commit 65e3c8d
Show file tree

Hide file tree

Showing 12 changed files with 601 additions and 1,001 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [3.0.1](https://github.com/tsparticles/vue3/compare/v3.0.0...v3.0.1) (2024-03-06)
+
+**Note:** Version bump only for package @tsparticles/vue3-workspace
+
+
+
+
+
 # [3.0.0](https://github.com/tsparticles/vue3/compare/v2.12.0...v3.0.0) (2023-12-22)
 
 

diff --git a/README.md b/README.md
@@ -36,11 +36,11 @@ createApp(App).use(Particles, {
 ```html
 <template>
     <div id="app">
-        <vue-particles id="tsparticles" :particlesLoaded="particlesLoaded" url="http://foo.bar/particles.json" />
+        <vue-particles id="tsparticles" @particles-loaded="particlesLoaded" url="http://foo.bar/particles.json" />
 
         <vue-particles
             id="tsparticles"
-            :particlesLoaded="particlesLoaded"
+            @particles-loaded="particlesLoaded"
             :options="{
                     background: {
                         color: {

diff --git a/apps/nuxt3/CHANGELOG.md b/apps/nuxt3/CHANGELOG.md
@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [3.0.1](https://github.com/tsparticles/vue3/compare/v3.0.0...v3.0.1) (2024-03-06)
+
+**Note:** Version bump only for package nuxt3-particles-demo
+
+
+
+
+
 # [3.0.0](https://github.com/tsparticles/vue3/compare/v2.12.0...v3.0.0) (2023-12-22)
 
 

diff --git a/apps/nuxt3/package.json b/apps/nuxt3/package.json
@@ -1,6 +1,6 @@
 {
   "name": "nuxt3-particles-demo",
-  "version": "3.0.0",
+  "version": "3.0.1",
   "private": true,
   "scripts": {
     "build": "nuxt build",

diff --git a/apps/vue3/CHANGELOG.md b/apps/vue3/CHANGELOG.md
@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [3.0.1](https://github.com/tsparticles/vue3/compare/v3.0.0...v3.0.1) (2024-03-06)
+
+**Note:** Version bump only for package vue3-demo
+
+
+
+
+
 # [3.0.0](https://github.com/tsparticles/vue3/compare/v2.12.0...v3.0.0) (2023-12-22)
 
 

diff --git a/apps/vue3/package.json b/apps/vue3/package.json
@@ -1,6 +1,6 @@
 {
   "name": "vue3-demo",
-  "version": "3.0.0",
+  "version": "3.0.1",
   "private": true,
   "scripts": {
     "dev": "vite",
@@ -12,18 +12,18 @@
     "lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix --ignore-path .gitignore"
   },
   "dependencies": {
-    "@tsparticles/configs": "^3.0.2",
-    "@tsparticles/engine": "^3.0.2",
+    "@tsparticles/configs": "^3.0.3",
+    "@tsparticles/engine": "^3.0.3",
     "@tsparticles/vue3": "workspace:^",
-    "tsparticles": "^3.0.2",
+    "tsparticles": "^3.0.3",
     "vue": "^3.3.13",
     "vue-router": "^4.2.5"
   },
   "devDependencies": {
     "@rushstack/eslint-patch": "^1.6.1",
     "@tsconfig/node18": "^18.2.2",
     "@types/node": "^20.10.5",
-    "@vitejs/plugin-vue": "^4.5.2",
+    "@vitejs/plugin-vue": "^5.0.0",
     "@vitejs/plugin-vue-jsx": "^3.1.0",
     "@vue/eslint-config-prettier": "^8.0.0",
     "@vue/eslint-config-typescript": "^12.0.0",
@@ -35,6 +35,6 @@
     "prettier": "^3.1.1",
     "typescript": "^5.3.3",
     "vite": "^5.0.10",
-    "vue-tsc": "^1.8.26"
+    "vue-tsc": "^1.8.27"
   }
 }
diff --git a/components/vue3/CHANGELOG.md b/components/vue3/CHANGELOG.md
@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [3.0.1](https://github.com/tsparticles/vue3/compare/v3.0.0...v3.0.1) (2024-03-06)
+
+**Note:** Version bump only for package @tsparticles/vue3
+
+
+
+
+
 # [3.0.0](https://github.com/tsparticles/vue3/compare/v2.12.0...v3.0.0) (2023-12-22)
 
 

diff --git a/components/vue3/README.md b/components/vue3/README.md
@@ -36,11 +36,11 @@ createApp(App).use(Particles, {
 ```html
 <template>
     <div id="app">
-        <vue-particles id="tsparticles" :particlesLoaded="particlesLoaded" url="http://foo.bar/particles.json" />
+        <vue-particles id="tsparticles" @particles-loaded="particlesLoaded" url="http://foo.bar/particles.json" />
 
         <vue-particles
             id="tsparticles"
-            :particlesLoaded="particlesLoaded"
+            @particles-loaded="particlesLoaded"
             :options="{
                     background: {
                         color: {

diff --git a/components/vue3/package.json b/components/vue3/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@tsparticles/vue3",
-  "version": "3.0.0",
+  "version": "3.0.1",
   "description": "Official tsParticles Vue.js 3.x Component - Easily create highly customizable particle, confetti and fireworks animations and use them as animated backgrounds for your website. Ready to use components available also for Web Components, React, Vue.js 2.x, Angular, Svelte, jQuery, Preact, Riot.js, Solid.js, Inferno.",
   "keywords": [
     "front-end",
@@ -67,6 +67,10 @@
     "typecheck": "vue-tsc --noEmit",
     "lint": "echo eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix --ignore-path .gitignore"
   },
+  "files": [
+    "dist",
+    "README.md"
+  ],
   "repository": {
     "url": "https://github.com/tsparticles/vue3",
     "type": "git",
@@ -97,15 +101,15 @@
     "access": "public"
   },
   "dependencies": {
-    "@tsparticles/engine": "^3.0.2",
+    "@tsparticles/engine": "^3.0.3",
     "vue": "^3.3.13"
   },
   "devDependencies": {
     "@rushstack/eslint-patch": "^1.6.1",
     "@tsconfig/node18": "^18.2.2",
     "@tsparticles/prettier-config": "^2.0.1",
     "@types/node": "^20.10.5",
-    "@vitejs/plugin-vue": "^4.5.2",
+    "@vitejs/plugin-vue": "^5.0.0",
     "@vitejs/plugin-vue-jsx": "^3.1.0",
     "@vue/eslint-config-prettier": "^8.0.0",
     "@vue/eslint-config-typescript": "^12.0.0",
@@ -115,8 +119,8 @@
     "prettier": "^3.1.1",
     "typescript": "^5.3.3",
     "vite": "^5.0.10",
-    "vite-plugin-dts": "^3.6.4",
-    "vue-tsc": "^1.8.26"
+    "vite-plugin-dts": "^3.7.0",
+    "vue-tsc": "^1.8.27"
   },
   "main": "dist/particles.umd.js",
   "module": "dist/particles.es.js",

diff --git a/components/vue3/src/components/vue-particles.vue b/components/vue3/src/components/vue-particles.vue
@@ -3,8 +3,8 @@
 </template>
 
 <script setup lang="ts">
-import { nextTick, onMounted, onUnmounted, watch } from "vue";
 import { type Container, type ISourceOptions, type Engine, tsParticles } from "@tsparticles/engine";
+import { nextTick, onMounted, onUnmounted, watch } from "vue";
 
 export type IParticlesProps = ISourceOptions;
 
@@ -28,6 +28,7 @@ const initEventHandler = (e: Event) => {
 
     loadParticles();
 };
+
 addEventListener("particlesInit", initEventHandler);
 
 const loadParticles = async () => {
@@ -58,8 +59,11 @@ onUnmounted(() => {
     if (!container) {
         return;
     }
+
     container.destroy();
+
     container = undefined;
+
     removeEventListener("particlesInit", initEventHandler);
 });
 

diff --git a/lerna.json b/lerna.json
@@ -4,7 +4,7 @@
     "apps/*",
     "components/*"
   ],
-  "version": "3.0.0",
+  "version": "3.0.1",
   "npmClient": "pnpm",
   "conventionalCommits": true,
   "command": {