From ac41c0093ee24bca3a01ef3467ebcf9b99fe2c3b Mon Sep 17 00:00:00 2001
From: bcakmakoglu <78412429+bcakmakoglu@users.noreply.github.com>
Date: Mon, 6 Jun 2022 22:11:19 +0200
Subject: [PATCH] docs: use debounce for fitviews

---
 docs/components/home/Features.vue | 9 +++------
 1 file changed, 3 insertions(+), 6 deletions(-)

diff --git a/docs/components/home/Features.vue b/docs/components/home/Features.vue
index 2cc1bad2..1e0aa115 100644
--- a/docs/components/home/Features.vue
+++ b/docs/components/home/Features.vue
@@ -1,5 +1,4 @@
 <script lang="ts" setup>
-import { watch } from 'vue'
 import { breakpointsTailwind, useBreakpoints } from '@vueuse/core'
 import type { VueFlowStore } from '@braks/vue-flow'
 
@@ -16,11 +15,9 @@ const fitViews = () => {
   instances.forEach((i) => i.fitView())
 }
 
-watch([breakpoints.sm, breakpoints.md, breakpoints.lg, breakpoints.xl, breakpoints['2xl']], () =>
-  setTimeout(() => {
-    fitViews()
-  }, 5),
-)
+watchDebounced([breakpoints.sm, breakpoints.md, breakpoints.lg, breakpoints.xl, breakpoints['2xl']], () => fitViews(), {
+  debounce: 50,
+})
 </script>
 
 <template>