From 7db806afc622dfe0053f3bb3f75e27439183f46b Mon Sep 17 00:00:00 2001
From: thepaperpilot <thepaperpilot@gmail.com>
Date: Sun, 22 May 2022 10:06:24 -0500
Subject: [PATCH] Fix particle effects not reloading when the Particles
 component is re-mounted

---
 src/features/links/Links.vue         | 6 +++---
 src/features/particles/Particles.vue | 8 ++++----
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/features/links/Links.vue b/src/features/links/Links.vue
index b5d7c1f..5071705 100644
--- a/src/features/links/Links.vue
+++ b/src/features/links/Links.vue
@@ -63,9 +63,9 @@ const validLinks = computed(() => {
 <style scoped>
 .resize-listener {
     position: absolute;
-    top: 5px;
-    left: 5px;
-    right: 5px;
+    top: 0px;
+    left: 0;
+    right: -4px;
     bottom: 5px;
     z-index: -10;
     pointer-events: none;
diff --git a/src/features/particles/Particles.vue b/src/features/particles/Particles.vue
index 4b6c41e..2c84973 100644
--- a/src/features/particles/Particles.vue
+++ b/src/features/particles/Particles.vue
@@ -63,7 +63,7 @@ export default defineComponent({
                 props.onInit(app.value as Application);
             }
             updateBounds();
-            if (module.hot?.status() === "apply" && props.onHotReload) {
+            if (props.onHotReload) {
                 nextTick(props.onHotReload);
             }
         });
@@ -102,9 +102,9 @@ export default defineComponent({
 .not-fullscreen,
 .resize-listener {
     position: absolute;
-    top: 5px;
-    left: 5px;
-    right: 5px;
+    top: 0px;
+    left: 0;
+    right: -4px;
     bottom: 5px;
     pointer-events: none;
 }