Reloading Indicator Error

In your https://inertiajs.com/docs/v3/data-props/deferred-props#reloading-indicator, it returns [plugin:vite:vue] Codegen node is missing for element/if/for node. Apply appropriate transforms first.

it should be like this

<template>
  <Deferred data="permissions">
    <template #fallback>
      <div>Loading...</div>
    </template>

    <template #default="{ reloading }">
      <div :class="{ 'opacity-50': reloading }">
        <div v-for="permission in permissions">
          <!-- ... -->
        </div>
      </div>
    </template>
  </Deferred>
</template>

Open the reloading indicator section at the linked deferred-props documentation page and compare its example with the reported Vue compiler error and replacement snippet. Update the example so the documented usage renders without that error, then run the documentation build or preview to verify the page.