From ea2a24b5fe6ddc87e6eb951a662ce8b84b9d987f Mon Sep 17 00:00:00 2001
From: Romain Hamel <rom.hml@gmail.com>
Date: Tue, 2 Jan 2024 16:36:35 +0100
Subject: [PATCH] fix(Form): memory leak (#1185)

---
 src/runtime/components/forms/Form.vue | 16 +++++++++++-----
 src/runtime/utils/uid.ts              |  3 ++-
 2 files changed, 13 insertions(+), 6 deletions(-)

diff --git a/src/runtime/components/forms/Form.vue b/src/runtime/components/forms/Form.vue
index 9f8b5f8c..414a60a8 100644
--- a/src/runtime/components/forms/Form.vue
+++ b/src/runtime/components/forms/Form.vue
@@ -5,7 +5,7 @@
 </template>
 
 <script lang="ts">
-import { provide, ref, type PropType, defineComponent } from 'vue'
+import { provide, ref, type PropType, defineComponent, onUnmounted, onMounted } from 'vue'
 import { useEventBus } from '@vueuse/core'
 import type { ZodSchema } from 'zod'
 import type { ValidationError as JoiError, Schema as JoiSchema } from 'joi'
@@ -51,10 +51,16 @@ export default defineComponent({
   setup (props, { expose, emit }) {
     const bus = useEventBus<FormEvent>(`form-${uid()}`)
 
-    bus.on(async (event) => {
-      if (event.type !== 'submit' && props.validateOn?.includes(event.type)) {
-        await validate(event.path, { silent: true })
-      }
+    onMounted(() => {
+      bus.on(async (event) => {
+        if (event.type !== 'submit' && props.validateOn?.includes(event.type)) {
+          await validate(event.path, { silent: true })
+        }
+      })
+    })
+
+    onUnmounted(() => {
+      bus.reset()
     })
 
     const errors = ref<FormError[]>([])
diff --git a/src/runtime/utils/uid.ts b/src/runtime/utils/uid.ts
index 93461360..a335863a 100644
--- a/src/runtime/utils/uid.ts
+++ b/src/runtime/utils/uid.ts
@@ -1,5 +1,6 @@
 let _id = 0
 
 export function uid () {
-  return `nuid-${_id++}`
+  _id = (_id + 1) % Number.MAX_SAFE_INTEGER
+  return `nuid-${_id}`
 }