feat(useSupported): support tracking reactivity for the callback func…

…tion (#2904)

Co-authored-by: Anthony Fu <anthonyfu117@hotmail.com>

packages/core/useSupported/index.ts

@@ -1,14 +1,13 @@
-import { tryOnMounted } from '@vueuse/shared'
-import type { Ref } from 'vue-demi'
-import { ref } from 'vue-demi'
-
-export function useSupported(callback: () => unknown, sync = false) {
-  const isSupported = ref() as Ref<boolean>
-
-  const update = () => isSupported.value = Boolean(callback())
-
-  update()
-
-  tryOnMounted(update, sync)
-  return isSupported
+import { computed } from 'vue-demi'
+import { useMounted } from '../useMounted'
+
+export function useSupported(callback: () => unknown) {
+  const isMounted = useMounted()
+
+  return computed(() => {
+    // to trigger the ref
+    // eslint-disable-next-line no-unused-expressions
+    isMounted.value
+    return Boolean(callback())
+  })
 }