Nuxt•4mo ago

Weird reactivity issue

This is very much related to vue but using nuxt overall so I'll post it here I have an issue currently in which i have a component and I display multiple of these, now the props are as follows

const props = defineProps<{
    currentPayloadRef: PayloadReference
    meta: PayloadReportRecord
    data: any
}>()

const props = defineProps<{
    currentPayloadRef: PayloadReference
    meta: PayloadReportRecord
    data: any
}>()

this is all well, however it seems like or ONE of the components, the data.attachments array is empty INITIALLY, however inside the Vue dev tools and console.log props in mounted its there? however the frontend doesn't seem to see this at all even when doing {{ data }} In the image you can see on the right, we have "data" prop which is all filled out, however on the left you can see the attachments is an empty array, this is the same component, the frontend just isn't updating which it, and it's not even changing data its there initially any clue?

2 Replies

GobboOP•4mo ago

this is how im using it mind

GobboOP•4mo ago

keep in mind when HMR reload happens it loads seems to be a nuxt ui issue? Using this inside of a UAlert however outside of the UAlert slot it updates ffine?

Gaming

Programming

Weird reactivity issue