When I am using Infinite Scroll, it prompts me [Failed to resolve directive: infinite-scroll]

[kingxjs]

Element Plus version 2.7.0

Element Plus Nuxt version 1.0.8

Nuxt version 3.11.2

Vue version 3.4.21

<ClientOnly>
    <transition name="el-zoom-in-center">
      <div v-show="platVisible">
        <el-popover v-model:visible="platData.open" trigger="click" placement="bottom" width="300" :offset="20" :teleported="false">
          <div>
            <el-scrollbar wrap-class="scrollbar-wrapper">
              <div>
                <ul v-infinite-scroll="load" :infinite-scroll-distance="10" :infinite-scroll-disabled="platData.loading || platData.noMore">
                </ul>
              </div>
            </el-scrollbar>
          </div>
        </el-popover>
      </div>
    </transition>
</ClientOnly>

WARN  [Vue warn]: Failed to resolve directive: infinite-scroll

What is Expected? No prompt, and execute the load function normally

What is actually happening?

1. Warning in console Failed to resolve directive: infinite-scroll
2. Browser does not execute load function

[tolking]

Unable to reproduce your issues.