Back

Nuxt/4/Default Data Error Value

1.0.3Last update Jul 25, 2024
by@Codemod
Nuxt
migration

Feature Documentation: Updating null Comparisons to undefined

Overview

Default data and error values in useAsyncData and useFetch

What Changed

The data and error objects returned from useAsyncData and useFetch will now default to undefined.

Before and After Examples

Before

const { data, error } = useAsyncData(
    () => client.value.v1.lists.$select(list.value).fetch(),
    {
        default: () => shallowRef(),
    },
);


if (data.value === null) {
    // Handle case where data is null
}


let x = data.value === null ? "No Data" : error.value === null ? "Error" : "Data Available";

After

const { data, error } = useAsyncData(
    () => client.value.v1.lists.$select(list.value).fetch(),
    {
        default: () => shallowRef(),
    },
);


if (data.value === undefined) {
    // Handle case where data is undefined
}


let x = data.value === undefined ? "No Data" : error.value === undefined ? "Error" : "Data Available";

Build custom codemods

Use AI-powered codemod studio and automate undifferentiated tasks for yourself, colleagues or the community

background illustrationGet Started Now