vue3-particles - npm Package Compare versions

Comparing version 2.9.3 to 2.10.1

CHANGELOG.md

@@ -6,2 +6,13 @@ # Change Log
 
+## 2.10.1 (2023-06-04)
+
+
+### Features
+
+* adding vue-particles tag ([8b12d56](https://github.com/tsparticles/vue3/commit/8b12d5654515d52729ea7902f5e16806ddd48422))
+
+
+
+
+
 ## [2.9.3](https://github.com/matteobruni/tsparticles/compare/vue3-particles@2.9.2...vue3-particles@2.9.3) (2023-02-12)
@@ -8,0 +19,0 @@

dist/index.d.ts

 import type { App } from "vue";
 import particles from "./Particles.vue";
-declare const VueParticles: (app: App, options: unknown) => void;
+declare const VueParticles: (app: App) => void;
 export { particles as ParticlesComponent };
 export default VueParticles;

dist/Particles.vue.d.ts

 import type { PropType } from "vue";
 import type { Container, ISourceOptions, Engine } from "tsparticles-engine";
-export declare type IParticlesProps = ISourceOptions;
-export declare type IParticlesParams = IParticlesProps;
+export type IParticlesProps = ISourceOptions;
+export type IParticlesParams = IParticlesProps;
 declare const _sfc_main: import("vue").DefineComponent<{
@@ -39,3 +39,3 @@ id: {
     };
-}>>, {}>;
+}>>, {}, {}>;
 export default _sfc_main;

package.json

 {
-    "name": "vue3-particles",
-    "version": "2.9.3",
-    "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",
-        "frontend",
-        "tsparticles",
-        "particles.js",
-        "particlesjs",
-        "particles",
-        "particle",
-        "canvas",
-        "jsparticles",
-        "xparticles",
-        "particles-js",
-        "particles-bg",
-        "particles-bg-vue",
-        "particles-ts",
-        "particles.ts",
-        "react-particles-js",
-        "react-particles.js",
-        "react-particles",
-        "react",
-        "reactjs",
-        "vue-particles",
-        "ngx-particles",
-        "angular-particles",
-        "particleground",
-        "vue",
-        "vuejs",
-        "preact",
-        "preactjs",
-        "jquery",
-        "angularjs",
-        "angular",
-        "typescript",
-        "javascript",
-        "animation",
-        "web",
-        "html5",
-        "web-design",
-        "webdesign",
-        "css",
-        "html",
-        "css3",
-        "animated",
-        "background",
-        "confetti",
-        "canvas",
-        "fireworks",
-        "fireworks-js",
-        "confetti-js",
-        "confettijs",
-        "fireworksjs",
-        "canvas-confetti"
-    ],
-    "scripts": {
-        "dev": "vite",
-        "build": "pnpm run prettify:src && pnpm run prettify:readme && vue-tsc --noEmit && vite build",
-        "build:ci": "pnpm run prettify:ci:src && pnpm run prettify:ci:readme && vue-tsc --noEmit && vite build",
-        "prettify:ci:src": "prettier --check ./src/*",
-        "prettify:ci:readme": "prettier --check ./README.md",
-        "prettify:src": "prettier --write ./src/*",
-        "prettify:readme": "prettier --write ./README.md",
-        "preview": "vite preview --port 5050",
-        "typecheck": "vue-tsc --noEmit",
-        "lint": "echo eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix --ignore-path .gitignore"
+  "name": "vue3-particles",
+  "version": "2.10.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",
+    "frontend",
+    "tsparticles",
+    "particles.js",
+    "particlesjs",
+    "particles",
+    "particle",
+    "canvas",
+    "jsparticles",
+    "xparticles",
+    "particles-js",
+    "particles-bg",
+    "particles-bg-vue",
+    "particles-ts",
+    "particles.ts",
+    "react-particles-js",
+    "react-particles.js",
+    "react-particles",
+    "react",
+    "reactjs",
+    "vue-particles",
+    "ngx-particles",
+    "angular-particles",
+    "particleground",
+    "vue",
+    "vuejs",
+    "preact",
+    "preactjs",
+    "jquery",
+    "angularjs",
+    "angular",
+    "typescript",
+    "javascript",
+    "animation",
+    "web",
+    "html5",
+    "web-design",
+    "webdesign",
+    "css",
+    "html",
+    "css3",
+    "animated",
+    "background",
+    "confetti",
+    "canvas",
+    "fireworks",
+    "fireworks-js",
+    "confetti-js",
+    "confettijs",
+    "fireworksjs",
+    "canvas-confetti"
+  ],
+  "scripts": {
+    "dev": "vite",
+    "build": "pnpm run prettify:src && pnpm run prettify:readme && vue-tsc --noEmit && vite build",
+    "build:ci": "pnpm run prettify:ci:src && pnpm run prettify:ci:readme && vue-tsc --noEmit && vite build",
+    "prettify:ci:src": "prettier --check ./src/*",
+    "prettify:ci:readme": "prettier --check ./README.md",
+    "prettify:src": "prettier --write ./src/*",
+    "prettify:readme": "prettier --write ./README.md",
+    "preview": "vite preview --port 5050",
+    "typecheck": "vue-tsc --noEmit",
+    "lint": "echo eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix --ignore-path .gitignore"
+  },
+  "repository": {
+    "url": "https://github.com/tsparticles/vue3",
+    "type": "git",
+    "directory": "components/vue3"
+  },
+  "author": "Matteo Bruni <[e-mail]>",
+  "license": "MIT",
+  "bugs": {
+    "url": "https://github.com/tsparticles/vue3/issues"
+  },
+  "homepage": "https://particles.js.org",
+  "funding": [
+    {
+      "type": "github",
+      "url": "https://github.com/sponsors/matteobruni"
     },
-    "repository": {
-        "url": "https://github.com/matteobruni/tsparticles",
-        "type": "git",
-        "directory": "components/vue3"
+    {
+      "type": "github",
+      "url": "https://github.com/sponsors/tsparticles"
     },
-    "author": "Matteo Bruni <[e-mail]>",
-    "license": "MIT",
-    "bugs": {
-        "url": "https://github.com/matteobruni/tsparticles/issues"
-    },
-    "homepage": "https://particles.js.org",
-    "funding": [
-        {
-            "type": "github",
-            "url": "https://github.com/sponsors/matteobruni"
-        },
-        {
-            "type": "buymeacoffee",
-            "url": "https://www.buymeacoffee.com/matteobruni"
-        }
-    ],
-    "prettier": "@tsparticles/prettier-config",
-    "dependencies": {
-        "tsparticles-engine": "^2.9.3",
-        "vue": "^3.2.45"
-    },
-    "devDependencies": {
-        "@rushstack/eslint-patch": "^1.2.0",
-        "@tsparticles/prettier-config": "^1.6.0",
-        "@types/node": "^18.11.17",
-        "@vitejs/plugin-vue": "^4.0.0",
-        "@vitejs/plugin-vue-jsx": "^3.0.0",
-        "@vue/eslint-config-prettier": "^7.0.0",
-        "@vue/eslint-config-typescript": "^11.0.2",
-        "@vue/tsconfig": "^0.1.3",
-        "eslint": "^8.32.0",
-        "eslint-plugin-vue": "^9.8.0",
-        "prettier": "^2.8.3",
-        "typescript": "~4.9.4",
-        "vite": "^4.0.3",
-        "vite-plugin-dts": "^1.7.1",
-        "vue-tsc": "^1.0.16"
-    },
-    "main": "dist/vue3-particles.umd.js",
-    "module": "dist/vue3-particles.es.js",
-    "types": "dist/index.d.ts",
-    "unpkg": "dist/vue3-particles.umd.min.js",
-    "jsdelivr": "dist/vue3-particles.umd.min.js",
-    "gitHead": "550fb7db0b1886a316daf84713628d1791b5a7a7"
+    {
+      "type": "buymeacoffee",
+      "url": "https://www.buymeacoffee.com/matteobruni"
+    }
+  ],
+  "prettier": "@tsparticles/prettier-config",
+  "dependencies": {
+    "tsparticles-engine": "^2.10.1",
+    "vue": "^3.3.4"
+  },
+  "devDependencies": {
+    "@rushstack/eslint-patch": "^1.3.0",
+    "@tsconfig/node18": "^2.0.1",
+    "@tsparticles/prettier-config": "^1.10.0",
+    "@types/node": "^20.2.5",
+    "@vitejs/plugin-vue": "^4.2.3",
+    "@vitejs/plugin-vue-jsx": "^3.0.1",
+    "@vue/eslint-config-prettier": "^7.1.0",
+    "@vue/eslint-config-typescript": "^11.0.3",
+    "@vue/tsconfig": "^0.4.0",
+    "eslint": "^8.42.0",
+    "eslint-plugin-vue": "^9.14.1",
+    "prettier": "^2.8.8",
+    "typescript": "^5.1.3",
+    "vite": "^4.3.9",
+    "vite-plugin-dts": "^2.3.0",
+    "vue-tsc": "^1.6.5"
+  },
+  "main": "dist/vue3-particles.umd.js",
+  "module": "dist/vue3-particles.es.js",
+  "types": "dist/index.d.ts",
+  "unpkg": "dist/vue3-particles.umd.min.js",
+  "jsdelivr": "dist/vue3-particles.umd.min.js",
+  "gitHead": "9edff98ba3a15a1bdc045d1c4f06d4d387e05c59"
 }

README.md

@@ -32,3 +32,3 @@ [![banner](https://particles.js.org/images/banner3.png)](https://particles.js.org)
     <div id="app">
-        <Particles
+        <vue-particles
             id="tsparticles"
@@ -40,3 +40,3 @@ :particlesInit="particlesInit"
 
-        <Particles
+        <vue-particles
             id="tsparticles"
@@ -43,0 +43,0 @@ :particlesInit="particlesInit"

src/components/index.ts

 import type { App } from "vue";
 import particles from "./Particles.vue";
 
-const VueParticles = (app: App, options: unknown) => {
+const VueParticles = (app: App) => {
     app.component("Particles", particles);
+    app.component("vue-particles", particles);
 };
@@ -7,0 +8,0 @@

tsconfig.json

 {
-  "extends": "@vue/tsconfig/tsconfig.web.json",
+  "extends": "@vue/tsconfig/tsconfig.dom.json",
   "include": ["env.d.ts", "src/**/*", "src/**/*.vue"],
@@ -4,0 +4,0 @@ "compilerOptions": {

tsconfig.vite-config.json

 {
-  "extends": "@vue/tsconfig/tsconfig.node.json",
-  "include": ["vite.config.*"],
+  "extends": [
+    "@tsconfig/node18/tsconfig.json",
+    "@vue/tsconfig/tsconfig.json"
+  ],
+  "include": [
+    "vite.config.*"
+  ],
   "compilerOptions": {
     "composite": true,
-    "types": ["node"]
+    "types": [
+      "node"
+    ]
   }
 }

No alert changes

Improved metrics

Number of package files

15

increased by7.14%

Lines of code

3145

increased by0.38%

Worsened metrics

Total package byte prevSize

188451

decreased by-1.82%

Dev dependency count

16

increased by6.67%

Dependency changes

• Updatedtsparticles-engine@^2.10.1

• Updatedvue@^3.3.4