Slot for name="complete" doesn't work

[w-A-L-L-e]

I want to override the text when the complete slot is rendered. However when I add my named slot like so it's still showing the original text. Also it would be nice to add a css class to this slot then you can opt to hide it with display:none. Right now as workaround I'm hiding the unwanted text by placing a div over it using some trickery with a div that has negative margin-top.

    <InfiniteLoading @infinite="load_more_matches">
      <slot name="complete">THIS DOES NOT WORK</slot>
    </InfiniteLoading>
    
    <div class="hide-completed-message"/>

[teisnet]

Same Issue here. It was working in version 1.2.2.

<InfiniteLoading class="loader-message" @infinite="load" top distance=0 target=".log-list">
   <template #complete>End of log entries</template>
   <template #error>Error loading log</template>
</InfiniteLoading>

[teisnet]

DOM comparison: Version 1.2.2:

Version 1.3.1:

[Sakthi002]

Any solution for this?

[hardik-baraiya-123456]

in vue 3

 <InfiniteLoading @infinite="load">
          <template #complete><div></div></template>
        </InfiniteLoading>