How to setup in Nuxt 3?

[iamdagy]

Hi,
is there a way to use cue-slick-carousel in Nuxt 3? I've been trying for a while without success.

The error I'm getting is:

[nitro] [dev] [unhandledRejection] TypeError: Invalid value used as weak map key

my current setup is:

in plugins/vueSlickCarousel.js

import {defineNuxtPlugin} from "#app";
import VueSlickCarousel from "vue-slick-carousel";
import 'vue-slick-carousel/dist/vue-slick-carousel-theme.css'
import 'vue-slick-carousel/dist/vue-slick-carousel.css'

export default defineNuxtPlugin(nuxtApp => {
    // Doing something with nuxtApp
    nuxtApp.vueApp.use(VueSlickCarousel)
}) ```

# in Index.vue

1

2

3

[iamdagy]

Also if import it directly in a vue component, I get another error:
[nuxt] [request error] Cannot read properties of undefined (reading 'prevArrow')

[Javierieh]

Looks like only Vue 2 is supported, this wont work with nuxt 3 as nuxt 3 uses vue 3