build: fixed nuxt3 demo

Author: matteobruni

apps/nuxt3/app.vue

@@ -1,51 +1,55 @@
 <template>
-  <div>
-    <NuxtWelcome />
-    <Particles
-      id="tsparticles"
-      :options="options"
-      :particles-init="particlesInit"
-    />
-  </div>
+    <div>
+        <NuxtWelcome />
+        <Particles
+            id="tsparticles"
+            :options="options"
+            :particles-init="particlesInit"
+        />
+    </div>
 </template>
 <script>
-import { loadFull } from 'tsparticles'
+import { loadFull } from "tsparticles";
+
 export default {
-  name: 'NuxtTutorial',
-  data() {
-    return {
-      options: {
-        background: {
-          color: '#fff',
-        },
-        fullScreen: {
-          enable: true,
-          zIndex: -1,
-        },
-        particles: {
-          color: {
-            value: '#000',
-          },
-          links: {
-            color: '#000',
-            enable: true,
-          },
-          move: {
-            enable: true,
-          },
-        },
-      },
-    }
-  },
-  methods: {
-    particlesInit: async (engine) => {
-      await loadFull(engine)
+    name: "NuxtTutorial",
+    data() {
+        return {
+            options: {
+                background: {
+                    color: "#fff"
+                },
+                fullScreen: {
+                    enable: true,
+                    zIndex: -1
+                },
+                particles: {
+                    color: {
+                        value: "#000"
+                    },
+                    links: {
+                        color: "#000",
+                        enable: true
+                    },
+                    move: {
+                        enable: true
+                    },
+                    number: {
+                        value: 100
+                    }
+                }
+            }
+        };
     },
-  },
-}
+    methods: {
+        particlesInit: async (engine) => {
+            await loadFull(engine);
+        }
+    }
+};
 </script>
 <style>
 .bg-white {
-  background: none !important;
+    background: none !important;
 }
 </style>

apps/nuxt3/package.json

@@ -22,18 +22,23 @@
     "@commitlint/cli": "^17.6.3",
     "@commitlint/config-conventional": "^17.6.3",
     "@nuxtjs/eslint-config": "^12.0.0",
-    "@nuxtjs/eslint-module": "^4.0.2",
-    "eslint": "^8.40.0",
+    "@nuxtjs/eslint-module": "^4.1.0",
+    "@vue/reactivity": "^3.3.4",
+    "@vue/runtime-core": "^3.3.4",
+    "@vue/runtime-dom": "^3.3.4",
+    "@vue/shared": "^3.3.4",
+    "consola": "^3.1.0",
+    "eslint": "^8.41.0",
     "eslint-config-prettier": "^8.8.0",
     "eslint-plugin-nuxt": "^4.0.0",
-    "eslint-plugin-vue": "^9.11.1",
+    "eslint-plugin-vue": "^9.14.0",
     "lint-staged": "^13.2.2",
-    "nuxt": "^3.4.3",
+    "nuxt": "^3.5.1",
     "prettier": "^2.8.8",
     "tsparticles": "^2.9.3",
     "typescript": "^5.0.4",
-    "vue": "^3.2.47",
+    "vue": "^3.3.4",
     "vue3-particles": "^2.9.3",
-    "webpack": "^5.82.0"
+    "webpack": "^5.84.0"
   }
 }