Vue-multiselect: Provide dist to use without toolchain

[LukasKnuth]

Vue itself is provided as a single JS file, which I can simply include in the HTML header and I'm good to go.

I'd love for vue-multiset to provide the same (just a single JS and CSS file). You could then use Vue.use to register the plugin.

[shentao]

I'm on vacation right now so I can't check it myself, but it should work (at least partially) as the dist file is an umd module.

[LukasKnuth]

I have tried it multiple things:

• If I use Vue.use(VueMultiselect), it tells me that no apply()-method is defined.
• If I register it with Vue.component(VueMultiselect) or locally in the components: [VueMultiselect], it tells me that the component should "provide a "name" or "id" field".
• If I register it with a name like components: {"multiselect": VueMultiselect}, it turns into a Fragment instance and the props are all ignored.

I used the lib/vue-multiselect.js file (only that one). Also, that directory does not contain a .css-file.

I have a feeling that I could be overlooking something here. If I do, please don't hurt me :)

[shentao]

The css code is inside the js file. It might require just a small tweak to the exporting code. I will look into it after I'm back home, so next week.

[LukasKnuth]

Any updates on this?

[shentao]

Probably today!

[shentao]

@LukasKnuth It’s not often I use the global scope so I had to check it myself somewhere. You can register the component like this:
Globally:

Vue.component('Multiselect', VueMultiselect.Multiselect)

or locally:

new Vue({
  components: {
    multiselect: VueMultiselect.Multiselect
  },
  ...stuff here
})

It didn’t work with simply registering Vue.component(VueMultiselect) as there are more files exposed in the module, that’s why you have to explicitly request for the VueMultiselect.Multiselect component.

[LukasKnuth]

Works great, thanks for taking the time. Cheers!

[shentao]

No problem! Thanks for pointing it out. I should add this somewhere in the docs / readme.

[gemp]

I should add this somewhere in the docs / readme.

You really should, it took me hours to find this thread ^_^

Really nice plugin! Thanks.

[ecmel]

CSS is still not separated in dist which makes it difficult to customize.