feat: add useSafeOnMounted composable

Workaround for vuejs/core#5844

src/composables/useSafeOnMounted.ts

@@ -0,0 +1,31 @@
+import type { Ref } from 'vue'
+import { onMounted, onUnmounted } from 'vue'
+
+export default (element: Ref<HTMLElement>, listener: () => void, checkTimeLimit = 100) => {
+  if (process.client) {
+    let timeId = 0
+    const checkInterval = 100
+    let checksLeft = checkTimeLimit / checkInterval
+
+    const check = () => {
+      if (element.value) {
+        listener()
+      } else {
+        if (checksLeft > 0) {
+          timeId = setTimeout(check, checkInterval)
+          checksLeft--
+        } else {
+          console.warn(`pass ${checkTimeLimit}ms, the element not ready! Please check.`)
+        }
+      }
+    };
+
+    onMounted(() => {
+      check()
+    })
+
+    onUnmounted(() => {
+      clearTimeout(timeId)
+    })
+  }
+}