atridad/vue-bits
1
0
Fork 0
mirror of https://github.com/DavidHDev/vue-bits.git synced 2026-04-22 09:54:39 -06:00
Code Issues Packages Projects Releases Wiki Activity

fix: Modify onMounted to use nextTick for DOM updates

Browse Source 
Updated onMounted lifecycle hook to wait for DOM updates before initializing particles.
This commit is contained in:
Tomás Santos
2026-04-04 19:19:23 +01:00
committed by GitHub
parent 18b2debeab
commit 35d50b69e8
1 changed files with 5 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/content/Backgrounds/Particles/Particles.vue
+4 -2
View File
@@ -3,7 +3,7 @@
</template> </template>
<script setup lang="ts"> <script setup lang="ts">
import { ref, onMounted, onUnmounted, watch, useTemplateRef } from 'vue'; import { ref, onMounted, onUnmounted, watch, useTemplateRef, nextTick } from 'vue';
import { Renderer, Camera, Geometry, Program, Mesh } from 'ogl'; import { Renderer, Camera, Geometry, Program, Mesh } from 'ogl';
interface ParticlesProps { interface ParticlesProps {
@@ -296,7 +296,9 @@ const cleanup = () => {
program = null; program = null;
}; };
onMounted(() => { // CHANGED onMounted
onMounted(async () => {
await nextTick(); // wait for Vue to flush its DOM updates first
initParticles(); initParticles();
}); });