expose AsyncDataRequestStatus from useAsyncData

[drevantonder]

Describe the feature

When using status from useAsyncData and family as a prop, it would be great to be able to type it using AsyncDataRequestStatus from packages/nuxt/src/app/composables/asyncData.ts.

e.g. rather than having to do:

<script setup lang="ts">
import type { AsyncData } from "#app";
import type { UnwrapRef } from "vue";

withDefaults(
  defineProps<{
    status: UnwrapRef<AsyncData<any, any>["status"]>;
  }>(),
  {
    status: "success",
  }
);
</script>

You can do:

<script setup lang="ts">
import type { AsyncDataRequestStatus } from "#app";

withDefaults(
  defineProps<{
    status: AsyncDataRequestStatus;
  }>(),
  {
    status: "success",
  }
);
</script>

Additional information

• Would you be willing to help implement this feature?
• Could this feature be implemented as a module?

Final checks

• Read the contribution guide.
• Check existing discussions and issues.