shentao / vue-multiselect

Universal select/multiselect/tagging component for Vue.js
https://vue-multiselect.js.org/
MIT License
6.66k stars 989 forks source link

Options and tags not displaying in input and dropdown with Vue 3 migration build #1652

Closed giloliveira-nmi closed 1 year ago

giloliveira-nmi commented 1 year ago

Starting with v2.1.7, options and tags don't seem to display when using the Vue 3 migration build.

Steps to reproduce

  1. Use Vue's migration guide to setup a migration build. In short; install "vue": "^3.1.0", "@vue/compat": "^3.1.0" and "@vue/compiler-sfc": "^3.1.0" and update vue.config.js with the following code:

    // vue.config.js
    module.exports = {
    chainWebpack: (config) => {
    config.resolve.alias.set('vue', '@vue/compat')
    
    config.module
      .rule('vue')
      .use('vue-loader')
      .tap((options) => {
        return {
          ...options,
          compilerOptions: {
            compatConfig: {
              MODE: 3
            }
          }
        }
      })
    }
    }
  2. Install "vue-multiselect": "2.1.7"

Expected behaviour

Multiselect input with options and tags being displayed

Actual behaviour

Tags and options are not displaying (labels don't seem to be rendered), but aside from that it technically works.

Screenshot 2023-01-26 at 12 32 20
mattelen commented 1 year ago

Hi there. Please install the Vue 3 compatible version by installing vue-multiselect@next. For more info on versions and where the project is heading, please see the project plan at https://github.com/shentao/vue-multiselect/discussions/1589