rebundle particle.js with bare requirements

Crimento · Mar 29, 2024 · 4ce4a29 · 4ce4a29
1 parent d5f4305
commit 4ce4a29
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 4 deletions.
diff --git a/components/ParticlesBackground.vue b/components/ParticlesBackground.vue
@@ -15,6 +15,19 @@
 
 <script setup lang="ts">
 import type { Container } from "@tsparticles/engine";
+import { tsParticles } from "@tsparticles/engine";
+import { loadBasic } from "@tsparticles/basic";
+import { loadImageShape } from "@tsparticles/shape-image";
+import { loadRotateUpdater } from "@tsparticles/updater-rotate";
+import { loadEmittersPlugin } from "@tsparticles/plugin-emitters";
+
+if (import.meta.client) {
+  await loadBasic(tsParticles);
+  await loadImageShape(tsParticles);
+  await loadRotateUpdater(tsParticles);
+  await loadEmittersPlugin(tsParticles);
+}
+
 const isLoading = ref({});
 isLoading.value = true;
 
@@ -82,8 +95,6 @@ const options = {
 };
 
 const onLoad = (container: Container) => {
-  container.pause();
   isLoading.value = false;
-  container.play();
 };
 </script>
diff --git a/nuxt.config.ts b/nuxt.config.ts
@@ -19,8 +19,7 @@ export default defineNuxtConfig({
     dataValue: "theme",
   },
   particles: {
-    mode: "full",
-    lazy: true,
+    mode: "custom",
   },
   postcss: {
     plugins: {