// Reactive object to store results
const dicts = reactive({})

// Mock async function: returns different data with different delays based on code
const getDict = async (code) => {
  if (code === 1) {
    await promiseTimeout(100) // Fastest: resolves after 100ms
    return { value: 'a', label: 'A' }
  } else if (code === 2) {
    await promiseTimeout(2000) // Slowest: resolves after 2000ms
    return { value: 'b', label: 'B' }
  } else {
    await promiseTimeout(1000) // Medium: resolves after 1000ms
    return { value: 'c', label: 'C' }
  }
}

const { isLoading, executeImmediate } = useAsyncState(getDict, undefined,{ immediate: false })

// 1st execution: should resolve to { value: 'a', ... }
executeImmediate(1).then((v) => {
  // ACTUAL: v is undefined (throws error when accessing v.value)
  // EXPECTED: v should be { value: 'a', label: 'A' }
  dicts[v.value] = v
})

// 2nd execution: should resolve to { value: 'b', ... }
executeImmediate(2).then((v) => {
  // ACTUAL: v is { value: 'c', label: 'C' } (overwritten by 3rd execution)
  // EXPECTED: v should be { value: 'b', label: 'B' }
  dicts[v.value] = v
})

// 3rd execution: should resolve to { value: 'c', ... }
executeImmediate(3).then((v) => {
  // ACTUAL: v is { value: 'c', label: 'C' } (only this one works)
  // EXPECTED: v should be { value: 'c', label: 'C' }
  dicts[v.value] = v
})