Reloading Indicator Error

[khalidmaquilang]

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>