naver / egjs-flicking

🎠 ♻️ Everyday 30 million people experience. It's reliable, flexible and extendable carousel.
https://naver.github.io/egjs-flicking/
MIT License
2.78k stars 129 forks source link

Vue3 default slot warning when using render function #890

Open jarofbilly opened 2 months ago

jarofbilly commented 2 months ago

Description

When using the render function instead of template, this error shows: image

Steps to check or reproduce


<style>
  .panel {
    background: orange;
    padding: 10px;
  }
</style>

<script lang="ts">
import { defineComponent, h } from 'vue';
import Flicking from '@egjs/vue3-flicking';
import '@egjs/vue3-flicking/dist/flicking.css';

export default defineComponent({
  name: 'IndexPage',

  components: {
    Flicking
  },

  setup() {
    return () => h('q-page', { class: 'row items-center justify-evenly' }, [
      h('div', 'This is a big test'),
      h(Flicking, { options: { align: 'prev', circular: true } }, {
        default: () => [
          h('div', { class: 'panel' }, '2'),
          h('div', { class: 'panel' }, '2'),
          h('div', { class: 'panel' }, '3')
        ]
      })
    ]);
  }
});
</script>