vue-agile doesn't work on my vue3

[bhojkamal]

I'm using vue 3 with composition I tried to implement this package but it didn't worked for me.

On template I have this

<div v-if="banners">
    <agile>
      <div v-for="banner in banners" :key="banner.id">
        <img :src="banner.image" class="slide" :alt="banner.title" />
      </div>
    </agile>
  </div>

script like this

<script>
import axios from "axios";
import { ref } from "vue";
import { VueAgile } from "vue-agile";
export default {
  name: "home",
  components: {
    agile: VueAgile,
  },
  setup() {
    const banners = ref([]);
.
.
.
  },
};
</script>

If something wrong here, can you please suggest me?

[luismabenitez]

any update on this?

With Vite i guess ?

[cimchd]

Same problem here. I get the following warning in the console:

runtime-core.esm-bundler.js:38 [Vue warn]: Component is missing template or render function. 
  at <Anonymous> 
  [...]

I have an es modules project with vue3 with script setup. This is how I tried to use it:

<template>
  <VueAgile>
    <div>Slide 1</div>
    <div>Slide 2</div>
  </VueAgile>
</template>

[moongodhax]

With Vite i guess ?

I faced the same problem as in post. I use vite. Does vite breaks something?