Socket
Socket
Sign inDemoInstall

vue3-particles

Package Overview
Dependencies
Maintainers
2
Versions
41
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

vue3-particles - npm Package Compare versions

Comparing version 2.3.3 to 2.4.0

traduction/README.fr.md

77

CHANGELOG.md

@@ -6,10 +6,10 @@ # Change Log

## [2.3.3](https://github.com/matteobruni/tsparticles/compare/vue3-particles@2.3.2...vue3-particles@2.3.3) (2022-09-30)
# [2.4.0](https://github.com/matteobruni/tsparticles/compare/vue3-particles@2.3.3...vue3-particles@2.4.0) (2022-10-30)
**Note:** Version bump only for package vue3-particles
## [2.3.3](https://github.com/matteobruni/tsparticles/compare/vue3-particles@2.3.2...vue3-particles@2.3.3) (2022-09-30)
**Note:** Version bump only for package vue3-particles
## [2.3.2](https://github.com/matteobruni/tsparticles/compare/vue3-particles@2.3.1...vue3-particles@2.3.2) (2022-09-21)

@@ -19,6 +19,2 @@

## [2.3.1](https://github.com/matteobruni/tsparticles/compare/vue3-particles@2.3.0...vue3-particles@2.3.1) (2022-09-13)

@@ -28,6 +24,2 @@

# [2.3.0](https://github.com/matteobruni/tsparticles/compare/vue3-particles@2.2.4...vue3-particles@2.3.0) (2022-09-11)

@@ -37,6 +29,2 @@

## [2.2.4](https://github.com/matteobruni/tsparticles/compare/vue3-particles@2.2.2...vue3-particles@2.2.4) (2022-08-26)

@@ -46,6 +34,2 @@

## [2.2.3](https://github.com/matteobruni/tsparticles/compare/vue3-particles@2.2.2...vue3-particles@2.2.3) (2022-08-21)

@@ -55,17 +39,8 @@

## [2.2.2](https://github.com/matteobruni/tsparticles/compare/vue3-particles@2.2.1...vue3-particles@2.2.2) (2022-08-16)
### Bug Fixes
* fixed double mouse events on mobile using pointer events, closes [#4622](https://github.com/matteobruni/tsparticles/issues/4622) ([1019fa4](https://github.com/matteobruni/tsparticles/commit/1019fa431f8a43cbd45d6adeb5adf94433e6e04b))
- fixed double mouse events on mobile using pointer events, closes [#4622](https://github.com/matteobruni/tsparticles/issues/4622) ([1019fa4](https://github.com/matteobruni/tsparticles/commit/1019fa431f8a43cbd45d6adeb5adf94433e6e04b))
## [2.2.1](https://github.com/matteobruni/tsparticles/compare/vue3-particles@2.2.0...vue3-particles@2.2.1) (2022-08-12)

@@ -75,35 +50,20 @@

# [2.2.0](https://github.com/matteobruni/tsparticles/compare/vue3-particles@2.1.4...vue3-particles@2.2.0) (2022-08-11)
### Bug Fixes
* **deps:** update capacitor monorepo to v4 ([a63d3a0](https://github.com/matteobruni/tsparticles/commit/a63d3a005ff47dd38ca7924b29267f4796ffebdb))
* **deps:** update dependency riot to v7 ([116fa3f](https://github.com/matteobruni/tsparticles/commit/116fa3f0808bb8e1e3df767513ebcb82c2f9e0e5))
* fixed correctly both [#4031](https://github.com/matteobruni/tsparticles/issues/4031) and [#4385](https://github.com/matteobruni/tsparticles/issues/4385) ([6b57b69](https://github.com/matteobruni/tsparticles/commit/6b57b69585f931478118bd466dcdce9bbc90fa79))
- **deps:** update capacitor monorepo to v4 ([a63d3a0](https://github.com/matteobruni/tsparticles/commit/a63d3a005ff47dd38ca7924b29267f4796ffebdb))
- **deps:** update dependency riot to v7 ([116fa3f](https://github.com/matteobruni/tsparticles/commit/116fa3f0808bb8e1e3df767513ebcb82c2f9e0e5))
- fixed correctly both [#4031](https://github.com/matteobruni/tsparticles/issues/4031) and [#4385](https://github.com/matteobruni/tsparticles/issues/4385) ([6b57b69](https://github.com/matteobruni/tsparticles/commit/6b57b69585f931478118bd466dcdce9bbc90fa79))
## [2.1.4](https://github.com/matteobruni/tsparticles/compare/vue3-particles@2.1.3...vue3-particles@2.1.4) (2022-07-28)
### Bug Fixes
* fixed issue with destroyed containers, fixes [#4385](https://github.com/matteobruni/tsparticles/issues/4385), fixes [#4413](https://github.com/matteobruni/tsparticles/issues/4413), fixes [#4534](https://github.com/matteobruni/tsparticles/issues/4534) ([4d22425](https://github.com/matteobruni/tsparticles/commit/4d22425210f64b937a5d1b7bf825624b3ed5f2b6)), closes [#4532](https://github.com/matteobruni/tsparticles/issues/4532)
- fixed issue with destroyed containers, fixes [#4385](https://github.com/matteobruni/tsparticles/issues/4385), fixes [#4413](https://github.com/matteobruni/tsparticles/issues/4413), fixes [#4534](https://github.com/matteobruni/tsparticles/issues/4534) ([4d22425](https://github.com/matteobruni/tsparticles/commit/4d22425210f64b937a5d1b7bf825624b3ed5f2b6)), closes [#4532](https://github.com/matteobruni/tsparticles/issues/4532)
### Features
* preparing react-particles and switching alternate packages ([49e749e](https://github.com/matteobruni/tsparticles/commit/49e749e90e076f0cb22eefe0f3399102f5b9fb35))
- preparing react-particles and switching alternate packages ([49e749e](https://github.com/matteobruni/tsparticles/commit/49e749e90e076f0cb22eefe0f3399102f5b9fb35))
## [2.1.3](https://github.com/matteobruni/tsparticles/compare/vue3-particles@2.1.2...vue3-particles@2.1.3) (2022-07-01)

@@ -113,6 +73,2 @@

## [2.1.2](https://github.com/matteobruni/tsparticles/compare/vue3-particles@2.1.1...vue3-particles@2.1.2) (2022-07-01)

@@ -122,6 +78,2 @@

## [2.1.1](https://github.com/matteobruni/tsparticles/compare/vue3-particles@2.1.0...vue3-particles@2.1.1) (2022-07-01)

@@ -131,13 +83,8 @@

# [2.1.0](https://github.com/matteobruni/tsparticles/compare/vue3-particles@2.0.6...vue3-particles@2.1.0) (2022-06-18)
### Bug Fixes
* **deps:** update dependency @capacitor/core to v3.5.0 ([581bb7e](https://github.com/matteobruni/tsparticles/commit/581bb7e2f4f6aceb3535daf9223954a80f2daa81))
* **deps:** update react monorepo to v18.1.0 ([6b45793](https://github.com/matteobruni/tsparticles/commit/6b457937c41d7681a2135dfcb6ff220e578f22bb))
* fixed connect links options ([5eb3186](https://github.com/matteobruni/tsparticles/commit/5eb31866b3a9fe1328969c254f2fff0be995b1f5))
- **deps:** update dependency @capacitor/core to v3.5.0 ([581bb7e](https://github.com/matteobruni/tsparticles/commit/581bb7e2f4f6aceb3535daf9223954a80f2daa81))
- **deps:** update react monorepo to v18.1.0 ([6b45793](https://github.com/matteobruni/tsparticles/commit/6b457937c41d7681a2135dfcb6ff220e578f22bb))
- fixed connect links options ([5eb3186](https://github.com/matteobruni/tsparticles/commit/5eb31866b3a9fe1328969c254f2fff0be995b1f5))

226

package.json
{
"name": "vue3-particles",
"version": "2.3.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": "vue-tsc --noEmit && vite build",
"build:ci": "vue-tsc --noEmit && vite build",
"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/matteobruni/tsparticles",
"type": "git",
"directory": "components/vue3"
},
"author": "Matteo Bruni <matteo.bruni@me.com>",
"license": "MIT",
"bugs": {
"url": "https://github.com/matteobruni/tsparticles/issues"
},
"homepage": "https://particles.js.org",
"funding": [
{
"type": "github",
"url": "https://github.com/sponsors/matteobruni"
"name": "vue3-particles",
"version": "2.4.0",
"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 && prettier --check ./traduction/*",
"prettify:src": "prettier --write ./src/*",
"prettify:readme": "prettier --write ./README.md && prettier --write ./traduction/*",
"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"
},
{
"type": "buymeacoffee",
"url": "https://www.buymeacoffee.com/matteobruni"
}
],
"dependencies": {
"tsparticles-engine": "^2.3.3",
"vue": "^3.2.40"
},
"devDependencies": {
"@rushstack/eslint-patch": "^1.2.0",
"@types/node": "^18.7.23",
"@vitejs/plugin-vue": "^3.1.0",
"@vitejs/plugin-vue-jsx": "^2.0.1",
"@vue/eslint-config-prettier": "^7.0.0",
"@vue/eslint-config-typescript": "^11.0.2",
"@vue/tsconfig": "^0.1.3",
"eslint": "^8.24.0",
"eslint-plugin-vue": "^9.5.1",
"prettier": "^2.7.1",
"typescript": "~4.8.4",
"vite": "^3.1.4",
"vite-plugin-dts": "^1.6.3",
"vue-tsc": "^0.40.13"
},
"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": "1b9b8757676bca67d8f9fcfaabf1b7b58f241db8"
"repository": {
"url": "https://github.com/matteobruni/tsparticles",
"type": "git",
"directory": "components/vue3"
},
"author": "Matteo Bruni <matteo.bruni@me.com>",
"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.4.0",
"vue": "^3.2.41"
},
"devDependencies": {
"@rushstack/eslint-patch": "^1.2.0",
"@tsparticles/prettier-config": "^1.3.1",
"@types/node": "^18.11.7",
"@vitejs/plugin-vue": "^3.2.0",
"@vitejs/plugin-vue-jsx": "^2.1.0",
"@vue/eslint-config-prettier": "^7.0.0",
"@vue/eslint-config-typescript": "^11.0.2",
"@vue/tsconfig": "^0.1.3",
"eslint": "^8.26.0",
"eslint-plugin-vue": "^9.6.0",
"prettier": "^2.7.1",
"typescript": "~4.8.4",
"vite": "^3.2.1",
"vite-plugin-dts": "^1.6.6",
"vue-tsc": "^1.0.9"
},
"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": "2ebc4792dd6c64b779662638851223dd27109c72"
}

33

README.md

@@ -24,3 +24,3 @@ [![banner](https://particles.js.org/images/banner3.png)](https://particles.js.org)

createApp(App).use(Particles)
createApp(App).use(Particles);
```

@@ -31,17 +31,16 @@

```html
<template>
<div id="app">
<Particles
id="tsparticles"
:particlesInit="particlesInit"
:particlesLoaded="particlesLoaded"
url="http://foo.bar/particles.json"
id="tsparticles"
:particlesInit="particlesInit"
:particlesLoaded="particlesLoaded"
url="http://foo.bar/particles.json"
/>
<Particles
id="tsparticles"
:particlesInit="particlesInit"
:particlesLoaded="particlesLoaded"
:options="{
id="tsparticles"
:particlesInit="particlesInit"
:particlesLoaded="particlesLoaded"
:options="{
background: {

@@ -131,9 +130,9 @@ color: {

const particlesInit = async (engine) => {
const particlesInit = async engine => {
await loadFull(engine);
}
};
const particlesLoaded = async (container) => {
const particlesLoaded = async container => {
console.log("Particles container loaded", container);
}
};
```

@@ -164,6 +163,6 @@

- Change the dependency from `vue2-particles` to `vue3-particles`
- Update the `node_modules` folder executing `npm install` or `yarn`
- Change the `use` function from `Vue.use(Particles)` to `createApp(App).use(Particles)`.
- Change the dependency from `vue2-particles` to `vue3-particles`
- Update the `node_modules` folder executing `npm install` or `yarn`
- Change the `use` function from `Vue.use(Particles)` to `createApp(App).use(Particles)`.
The `<Particles />` tag syntax remains the same, so you don't need to do any additional action.

2

src/components/index.ts

@@ -5,3 +5,3 @@ import type { App } from "vue";

const VueParticles = (app: App, options: unknown) => {
app.component("Particles", particles);
app.component("Particles", particles);
};

@@ -8,0 +8,0 @@

16

traduction/README.de.md

@@ -24,3 +24,3 @@ [![banner](https://particles.js.org/images/banner3.png)](https://particles.js.org)

```javascript
import Particles from 'vue3-particles';
import Particles from "vue3-particles";

@@ -34,6 +34,6 @@ createApp(App).use(Particles);

<template>
<div id="app">
<Particles
id="tsparticles"
:options="{
<div id="app">
<Particles
id="tsparticles"
:options="{

@@ -191,4 +191,4 @@ background: {

}"
/>
</div>
/>
</div>
</template>

@@ -202,3 +202,3 @@ ```

```typescript
declare module 'vue3-particles';
declare module "vue3-particles";
```

@@ -205,0 +205,0 @@

25

traduction/README.mn.md

@@ -24,3 +24,3 @@ [![banner](https://particles.js.org/images/banner3.png)](https://particles.js.org)

createApp(App).use(Particles)
createApp(App).use(Particles);
```

@@ -31,17 +31,16 @@

```html
<template>
<div id="app">
<Particles
id="tsparticles"
:particlesInit="particlesInit"
:particlesLoaded="particlesLoaded"
url="http://foo.bar/particles.json"
id="tsparticles"
:particlesInit="particlesInit"
:particlesLoaded="particlesLoaded"
url="http://foo.bar/particles.json"
/>
<Particles
id="tsparticles"
:particlesInit="particlesInit"
:particlesLoaded="particlesLoaded"
:options="{
id="tsparticles"
:particlesInit="particlesInit"
:particlesLoaded="particlesLoaded"
:options="{
background: {

@@ -150,6 +149,6 @@ color: {

- `vue2-particles` -ын хараат байдлыг `vue3-particles` болгон өөрчилнө үү.
- `node_modules` хавтсын `npm install` эсвэл `yarn` ашиглах шинэчилнэ үү.
- `Vue.use(Particles)` доторх `use` функцийг `createApp(App).use(Particles)` болгон өөрчилнө үү.
- `vue2-particles` -ын хараат байдлыг `vue3-particles` болгон өөрчилнө үү.
- `node_modules` хавтсын `npm install` эсвэл `yarn` ашиглах шинэчилнэ үү.
- `Vue.use(Particles)` доторх `use` функцийг `createApp(App).use(Particles)` болгон өөрчилнө үү.
`<Particles />` хаяг хэвээр учир өөрчлөх шаардлагагүй.

14

traduction/README.nl.md

@@ -24,3 +24,3 @@ [![banner](https://particles.js.org/images/banner3.png)](https://particles.js.org)

createApp(App).use(Particles)
createApp(App).use(Particles);
```

@@ -32,6 +32,6 @@

<template>
<div id="app">
<Particles
id="tsparticles"
:options="{
<div id="app">
<Particles
id="tsparticles"
:options="{
background: {

@@ -113,4 +113,4 @@ color: {

}"
/>
</div>
/>
</div>
</template>

@@ -117,0 +117,0 @@ ```

14

traduction/README.pt-br.md

@@ -24,3 +24,3 @@ [![banner](https://particles.js.org/images/banner3.png)](https://particles.js.org)

createApp(App).use(Particles)
createApp(App).use(Particles);
```

@@ -32,6 +32,6 @@

<template>
<div id="app">
<Particles
id="tsparticles"
:options="{
<div id="app">
<Particles
id="tsparticles"
:options="{
background: {

@@ -113,4 +113,4 @@ color: {

}"
/>
</div>
/>
</div>
</template>

@@ -117,0 +117,0 @@ ```

12

traduction/README.ru.md

@@ -31,6 +31,6 @@ [![banner](https://particles.js.org/images/banner3.png)](https://particles.js.org)

<template>
<div id="app">
<Particles
id="tsparticles"
:options="{
<div id="app">
<Particles
id="tsparticles"
:options="{
background: {

@@ -112,4 +112,4 @@ color: {

}"
/>
</div>
/>
</div>
</template>

@@ -116,0 +116,0 @@ ```

dist/vue3-particles.es.js

Sorry, the diff of this file is too big to display

dist/vue3-particles.umd.js

Sorry, the diff of this file is too big to display

src/components/Particles.vue

Sorry, the diff of this file is not supported yet

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

About

Packages

npm

Go

Maven

PyPI

Rubygems

Stay in touch

Get open source security insights delivered straight into your inbox.

  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc