@vueuse/integrations
Version:
Integration wrappers for utility libraries
23 lines (21 loc) • 541 B
JavaScript
import { isClient, toRef } from "@vueuse/shared";
import { shallowRef, watch } from "vue";
import QRCode from "qrcode";
//#region useQRCode/index.ts
/**
* Wrapper for qrcode.
*
* @see https://vueuse.org/useQRCode
* @param text
* @param options
*/
function useQRCode(text, options) {
const src = toRef(text);
const result = shallowRef("");
watch(src, async (value) => {
if (src.value && isClient) result.value = await QRCode.toDataURL(value, options);
}, { immediate: true });
return result;
}
//#endregion
export { useQRCode as t };