fix: fixed listeners not getting correctly removed

Author: AlansCodeLog

src/components/LibRecorder/LibRecorder.vue

@@ -64,7 +64,7 @@
 </div>
 </template>
 <script setup lang="ts">
-import { computed, onMounted, onUnmounted, type PropType, ref, watch, watchPostEffect } from "vue"
+import { computed, onBeforeUnmount, onMounted, type PropType, ref, watch, watchPostEffect } from "vue"
 
 import { keys } from "@alanscodelog/utils/keys"
 
@@ -194,7 +194,7 @@ watchPostEffect(() => {
 	}
 })
 
-onUnmounted(() => {
+onBeforeUnmount(() => {
 	unbindListeners()
 })
 onMounted(() => {

src/composables/useGlobalResizeObserver.ts

@@ -1,4 +1,4 @@
-import { onMounted, onUnmounted, type Ref, watch } from "vue"
+import { onBeforeUnmount, onMounted, type Ref, watch } from "vue"
 
 import type { AnyFunction } from "@alanscodelog/utils"
 
@@ -18,7 +18,7 @@ export const useGlobalResizeObserver = (el: Ref<HTMLElement | null>, cb: AnyFunc
 		}, { immediate: true })
 	})
 	// todo is this needed?
-	onUnmounted(() => {
+	onBeforeUnmount(() => {
 		if (el.value) {
 			globalResizeObserver.unobserve(el.value, cb)
 		}