20 lines
581 B
JavaScript
20 lines
581 B
JavaScript
|
// Utilities
|
||
|
|
import { computed, shallowRef, watch } from 'vue';
|
||
|
|
import { propsFactory } from "../util/index.mjs"; // Types
|
||
|
|
export const makeLazyProps = propsFactory({
|
||
|
|
eager: Boolean
|
||
|
|
}, 'lazy');
|
||
|
|
export function useLazy(props, active) {
|
||
|
|
const isBooted = shallowRef(false);
|
||
|
|
const hasContent = computed(() => isBooted.value || props.eager || active.value);
|
||
|
|
watch(active, () => isBooted.value = true);
|
||
|
|
function onAfterLeave() {
|
||
|
|
if (!props.eager) isBooted.value = false;
|
||
|
|
}
|
||
|
|
return {
|
||
|
|
isBooted,
|
||
|
|
hasContent,
|
||
|
|
onAfterLeave
|
||
|
|
};
|
||
|
|
}
|
||
|
|
//# sourceMappingURL=lazy.mjs.map
|