feat: add composable for vue-wait

src/composables/wait.js

@@ -0,0 +1,28 @@
+import { getCurrentInstance } from 'vue'
+
+export function useWait() {
+  const instance = getCurrentInstance()
+
+  // If `getCurrentInstance` is called outside of a Vue component setup function, it will return `null`.
+  if (!instance) {
+    throw new Error('useCore must be called within a Vue component setup function.')
+  }
+
+  // The `instance` object has a `proxy` property, which is the component's public instance.
+  // `proxy.$wait` gives us access to the global `$wait` object provided by vue-wait
+  const {
+    proxy: { $wait: wait }
+  } = instance
+
+  // `waitFor` is a higher-order function that takes an `id` and a function `fn`.
+  const waitFor = (id, fn) => {
+    return async (...args) => {
+      wait.start(id)
+      const promise = await fn(...args)
+      wait.end(id)
+      return promise
+    }
+  }
+
+  return { wait, waitFor }
+}