@Kalifr use the beta channel for vue-select "vue-select": "^4.0.0-beta.1", works fine for me. Be sure to upgrade to vue: 3.2.x

[Archetipo95]

This is not working, I'm trying to change icons. I tryed with svg and emoji. Can someone help me or give me a working example?

@Kalifr use the beta channel for vue-select "vue-select": "^4.0.0-beta.1", works fine for me. Be sure to upgrade to vue: 3.2.x

btw, for anyone overriding default components =>

• In the vue3 beta version use:

import vSelect from "vue-select";
vSelect.props.components.default = () => ({
  Deselect: CloseIcon, // CloseIcon and CaretDownIcon are vue components with svg inside of them
  OpenIndicator: CaretDownIcon,
});

Instead of:

import vSelect from "vue-select";
vSelect.props.components.default = () => ({
  Deselect: {
    render: (createElement) => createElement(CloseIcon),
  },
  OpenIndicator: {
    render: (createElement) => createElement(CaretDownIcon),
  },
});

Originally posted by @mathiash98 in #1251 (comment)

[mathiash98]

As I wrote: CloseIcon and CaretDownIcon are vue components

Put your svg and or emoji inside a Vue Component

[Archetipo95]

Yep it worked, I think I was importing the wrong 😑 file...