VueHorizontal + Nuxt 3

[thefubon]

Please tell me how to install vue-horizontal globally for Nuxt 3 ? Your slider is the best I could find. Swiper and other framesavers are nervously smoking on the sidelines. Thank you for vue-horizontal!

[stevendprinsloo]

@fuxingloh if you could get a way for your component to work with Nuxt 3, that would be amazing!

[vietanhbui]

+1

[ayyobro]

Yes please +1

[rankill]

Not sure if it is late but made it work this way

Install Vue 3 vesrion

npm i vue-horizontal@next

Create client plugin

// vueHorizontal.client.js
import VueHorizontal from 'vue-horizontal'

export default defineNuxtPlugin(nuxtApp => {
  nuxtApp.vueApp.component('vue-horizontal', VueHorizontal)
})

Usage

Component will be 'autoimported' so you can use with the name defined in the plugin

  <vue-horizontal
        ref="horizontal"
        scroll
>
         .... 
</vue-horizontal>