Merge pull request #69 from tsparticles/dev

matteobruni · web-flow · commit 65e3c8db3da4 · 2024-03-06T23:57:46.000+01:00
3.0.1
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": {
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml

Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "nuxt3-particles-demo",`
`3`		`- "version": "3.0.0",`
	`3`	`+ "version": "3.0.1",`
`4`	`4`	`"private": true,`
`5`	`5`	`"scripts": {`
`6`	`6`	`"build": "nuxt build",`