vueTrackState.js

/**
 * Execute the given function and set the given ref to true while it is busy executing
 */
export function trackState(stateRef, fn) {
    stateRef.value = true
    return Promise.resolve(fn())
        .finally(() => stateRef.value = false)
}


// Example usage

// Before
async function loadImages(paging) {
    isLoading.value = true
  
    let res = await get(props.url, paging)
    paging.total = res.total
      
    isLoading.value = false
  
    return res.data
}

// After
async function loadImages(paging) {
    return trackState(isLoading, async () => {
        let res = await get(props.url, paging)
        paging.total = res.total
        return res.data
    })
}