feat: support for setting the default slot as a component

Author: PeachScript

src/components/InfiniteLoading.vue

@@ -6,20 +6,33 @@
       </slot>
     </div>
     <div class="infinite-status-prompt" v-show="isShowNoResults">
-      <slot name="no-results">{{ slots.noResults }}</slot>
+      <slot name="no-results">
+        <component v-if="slots.noResults.render" :is="slots.noResults"></component>
+        <template v-else v-text="slots.noResults"></template>
+      </slot>
     </div>
     <div class="infinite-status-prompt" v-show="isShowNoMore">
-      <slot name="no-more">{{ slots.noMore }}</slot>
+      <slot name="no-more">
+        <component v-if="slots.noMore.render" :is="slots.noMore"></component>
+        <template v-else v-text="slots.noMore"></template>
+      </slot>
     </div>
     <div class="infinite-status-prompt" v-show="isShowError">
       <slot name="error" :trigger="attemptLoad">
-        {{ slots.error }}
-        <br>
-        <button
-          class="btn-try-infinite"
-          @click="attemptLoad"
-          v-text="slots.errorBtnText">
-        </button>
+        <component
+          v-if="slots.error.render"
+          :is="slots.error"
+          :trigger="attemptLoad">
+        </component>
+        <template v-else>
+          {{ slots.error }}
+          <br>
+          <button
+            class="btn-try-infinite"
+            @click="attemptLoad"
+            v-text="slots.errorBtnText">
+          </button>
+        </template>
       </slot>
     </div>
   </div>