File tree Expand file tree Collapse file tree 2 files changed +9
-9
lines changed Expand file tree Collapse file tree 2 files changed +9
-9
lines changed Original file line number Diff line number Diff line change 1
1
[ ![ banner] ( https://particles.js.org/images/banner3.png )] ( https://particles.js.org )
2
2
3
- # @ tsparticles/ astro
3
+ # astro-particles
4
4
5
- [ ![ npm] ( https://img.shields.io/npm/v/@tsparticles/ astro )] ( https://www.npmjs.com/package/@tsparticles/ astro ) [ ![ npm] ( https://img.shields.io/npm/dm/@tsparticles/ astro )] ( https://www.npmjs.com/package/@tsparticles/ astro ) [ ![ GitHub Sponsors] ( https://img.shields.io/github/sponsors/matteobruni )] ( https://github.com/sponsors/matteobruni )
5
+ [ ![ npm] ( https://img.shields.io/npm/v/astro-particles )] ( https://www.npmjs.com/package/astro-particles ) [ ![ npm] ( https://img.shields.io/npm/dm/astro-particles )] ( https://www.npmjs.com/package/astro-particles ) [ ![ GitHub Sponsors] ( https://img.shields.io/github/sponsors/matteobruni )] ( https://github.com/sponsors/matteobruni )
6
6
7
7
Official [ tsParticles] ( https://github.com/matteobruni/tsparticles ) Astro component
8
8
@@ -13,21 +13,21 @@ Official [tsParticles](https://github.com/matteobruni/tsparticles) Astro compone
13
13
## Installation
14
14
15
15
``` shell
16
- npm install @tsparticles/ astro
16
+ npm install astro-particles
17
17
```
18
18
19
19
or
20
20
21
21
``` shell
22
- yarn add @tsparticles/ astro
22
+ yarn add astro-particles
23
23
```
24
24
25
25
## How to use
26
26
27
27
``` astro
28
28
---
29
- import Particles from "@tsparticles/ astro"
30
- import type { ISourceOptions } from "@ tsparticles/ engine";
29
+ import Particles from "astro-particles "
30
+ import type { ISourceOptions } from "tsparticles- engine";
31
31
32
32
const options: ISourceOptions = {
33
33
background: {
@@ -45,7 +45,7 @@ const options: ISourceOptions = {
45
45
---
46
46
47
47
<script>
48
- import { tsParticles } from "@ tsparticles/ engine";
48
+ import { tsParticles } from "tsparticles- engine";
49
49
import { loadFull } from "tsparticles";
50
50
51
51
(async () => {
Original file line number Diff line number Diff line change @@ -27,7 +27,7 @@ yarn add astro-particles
27
27
``` astro
28
28
---
29
29
import Particles from "astro-particles"
30
- import type { ISourceOptions } from "@ tsparticles/ engine";
30
+ import type { ISourceOptions } from "tsparticles- engine";
31
31
32
32
const options: ISourceOptions = {
33
33
background: {
@@ -48,7 +48,7 @@ const options: ISourceOptions = {
48
48
---
49
49
50
50
<script>
51
- import { tsParticles } from "@ tsparticles/ engine";
51
+ import { tsParticles } from "tsparticles- engine";
52
52
import { loadFull } from "tsparticles";
53
53
54
54
(async () => {
You can’t perform that action at this time.
0 commit comments