build: updated browserlist config and astro version

Author: matteobruni

bundles/all/.browserslistrc

@@ -1,2 +1 @@
-since 2021
-not dead
+extends @tsparticles/browserslist-config

bundles/basic/.browserslistrc

@@ -1,2 +1 @@
-since 2021
-not dead
+extends @tsparticles/browserslist-config

bundles/confetti/.browserslistrc

@@ -1,2 +1 @@
-since 2021
-not dead
+extends @tsparticles/browserslist-config

bundles/fireworks/.browserslistrc

@@ -1,2 +1 @@
-since 2021
-not dead
+extends @tsparticles/browserslist-config

bundles/full/.browserslistrc

@@ -1,2 +1 @@
-since 2021
-not dead
+extends @tsparticles/browserslist-config

bundles/pjs/.browserslistrc

@@ -1,2 +1 @@
-since 2021
-not dead
+extends @tsparticles/browserslist-config

bundles/slim/.browserslistrc

@@ -1,2 +1 @@
-since 2021
-not dead
+extends @tsparticles/browserslist-config

demo/astro/package.json

@@ -12,9 +12,13 @@
     "astro": "astro"
   },
   "dependencies": {
-    "astro": "^2.6.4",
     "@tsparticles/astro": "workspace:^",
-    "tsparticles": "workspace:^",
-    "@tsparticles/engine": "workspace:^"
+    "@tsparticles/engine": "workspace:^",
+    "astro": "^6.1.6",
+    "tsparticles": "workspace:^"
+  },
+  "devDependencies": {
+    "@astrojs/check": "^0.9.8",
+    "typescript": "^5.9.3"
   }
 }

demo/astro/src/pages/index.astro

@@ -1,12 +1,20 @@
 ---
-import Particles from "@tsparticles/astro";
+import Particles, { initParticlesEngine } from "@tsparticles/astro";
+import type { ISourceOptions } from "@tsparticles/engine";
+import { loadFull } from "tsparticles";
+
 import Layout from "../layouts/Layout.astro";
 import Card from "../components/Card.astro";
-import type { ISourceOptions } from "@tsparticles/engine";
 
-const options = {
+await initParticlesEngine(async (engine) => {
+    await loadFull(engine);
+});
+
+const options: ISourceOptions = {
     background: {
-        color: "#fff"
+        color: {
+            value: "#fff"
+        }
     },
     fullScreen: {
         zIndex: -1
@@ -29,18 +37,9 @@ const options = {
 };
 ---
 
-<script>
-    import { type Engine, tsParticles } from "@tsparticles/engine";
-    import { loadFull } from "tsparticles";
-
-    window.particlesInit = async (engine: Engine) => {
-        await loadFull(engine);
-    };
-</script>
-
 <Layout title="Welcome to Astro.">
     <main>
-        <Particles id="tsparticles" options={options} init="particlesInit" />
+        <Particles id="tsparticles" options={options} />
         <h1>Welcome to <span class="text-gradient">Astro</span></h1>
         <p class="instructions">
             To get started, open the directory <code>src/pages</code> in your project.<br />

effects/bubble/.browserslistrc

@@ -1,2 +1 @@
-since 2021
-not dead
+extends @tsparticles/browserslist-config