Vue: The inferred type of this node exceeds the maximum length the compiler will serialize. An explicit type annotation is needed.

[stephane303]

I am running into this error on a brand new project in vue3.
"typescript": "~5.4.0",
"pinia": "^2.1.7",
"vue": "^3.4.21"

And I am getting this error from Typescript:
Vue: The inferred type of this node exceeds the maximum length the compiler will serialize. An explicit type annotation is needed.

I only manage to get rid of it defining a State type, is there another way ?

interface NotificationsState {
    latestNotifications: V4_Bo_Notifications[];
    bellMenuOpen: boolean;
}

export const useNotificationsStore = defineStore({
    id: "notifications",
    state: () => ({
        latestNotifications: [] as Array<V4_Bo_Notifications>,
        bellMenuOpen: false
    }),
    getters: {
        getLatestNotifications(state: NotificationsState): V4_Bo_Notifications[] {
            return state.latestNotifications;
        },
        getUnreadNotifications(state: NotificationsState): Array<V4_Bo_Notifications> {
            // filter read notifications
            const unreadNotifications = [] as Array<V4_Bo_Notifications>;
            state.latestNotifications.forEach((notification) => {
                if (notification.v4_bo_notification_read_messages.length == 0) {
                    unreadNotifications.push(notification);
                }
            });
            return unreadNotifications;
        }
    },
`

[ExistentialAlex]

Have run into this same issue. I don't think there's another way unfortunately. But I think defining the type (although adding a small amount of work) helps the TS language server out.