feat(vue): added refAsync helper

# Conflicts:
#	packages/vue/src/index.ts

packages/vue/src/index.ts

@@ -5,7 +5,6 @@ export * from './localStorageRef.js';
 export * from './prop.js';
 export * from './makeRef.js';
 export * from './context.js';
-export * from './useAsync.js';
 export * from './useDataSource.js';
 export * from './useElement.js';
 export * from './useEmitAsync.js';
@@ -23,6 +22,7 @@ export * from './onHistoryBack.js';
 export * from './onWindowEvent.js';
 export * from './onWindowResize.js';
 export * from './onWindowScroll.js';
+export * from './refAsync.js';
 
 export * from './modal/ModalHost.js';
 export * from './modal/ModalService.js';

packages/vue/src/refAsync.ts

@@ -0,0 +1,25 @@
+import { Ref, ref } from 'vue';
+
+/**
+ * Creates a ref that is populated with promise result once it's resolved.
+ * @param promise Ref will be populated with this promise's result.
+ */
+export function refAsync<T>(promise: Promise<T>): Ref<T | undefined>;
+/**
+ * Creates a ref that is populated with promise result once it's resolved.
+ * @param fcn Function that returns a promise. Ref will be populated with this promise's result.
+ */
+export function refAsync<T>(fcn: () => Promise<T>): Ref<T | undefined>;
+export function refAsync<T>(promise: Promise<T> | (() => Promise<T>)): Ref<T | undefined> {
+    const reference = ref<T>();
+
+    if (typeof promise === 'function') {
+        promise = promise();
+    }
+
+    void promise.then(result => {
+        reference.value = result;
+    });
+
+    return reference;
+}