From be24731aa1344e2ad7f2baac8a07309a2809399d Mon Sep 17 00:00:00 2001
From: Braks <78412429+bcakmakoglu@users.noreply.github.com>
Date: Mon, 4 Apr 2022 13:43:20 +0200
Subject: [PATCH] docs: Move blobity to mounted hook

---
 docs/components/home/Home.vue | 22 ++++++++++++----------
 1 file changed, 12 insertions(+), 10 deletions(-)

diff --git a/docs/components/home/Home.vue b/docs/components/home/Home.vue
index 4ba44ca8..a5da71c2 100644
--- a/docs/components/home/Home.vue
+++ b/docs/components/home/Home.vue
@@ -8,17 +8,19 @@ const dark = useDark({
   selector: 'html',
 })
 
-const blobity = new Blobity({
-  color: dark.value ? '#ffffff' : '#000000',
-  invert: true,
-  zIndex: 0,
-  magnetic: false,
-  dotColor: '#10b981',
-  radius: 8,
-})
+onMounted(() => {
+  const blobity = new Blobity({
+    color: dark.value ? '#ffffff' : '#000000',
+    invert: true,
+    zIndex: 0,
+    magnetic: false,
+    dotColor: '#10b981',
+    radius: 8,
+  })
 
-onBeforeUnmount(() => {
-  blobity.destroy()
+  onBeforeUnmount(() => {
+    blobity.destroy()
+  })
 })
 
 const breakpoints = useBreakpoints(breakpointsTailwind)