import { defineAsyncComponent } from 'vue'

import { definePlugin } from '/@src/utils/plugins'

export default definePlugin(({ app }) => {
  // here we are defining a lazy loaded component
  // that will be imported on demand
  app.component(
    // eslint-disable-next-line vue/multi-word-component-names
    'Multiselect',
    defineAsyncComponent({
      loader: () => import('@vueform/multiselect').then(mod => mod.default),
      delay: 0,
      suspensible: false,
    }),
  )

  app.component(
    // eslint-disable-next-line vue/multi-word-component-names
    'Slider',
    defineAsyncComponent({
      loader: () => import('@vueform/slider').then(mod => mod.default),
      delay: 0,
      suspensible: false,
    }),
  )
})