Vue-select: Unknown custom element: <v-select>

[PrimozRome]

I get this error when trying to use vue-select:

<template>
  <v-select :value.sync="selected" :options="options"></v-select>
</template>

import vueSelect from 'vue-select'

export default {
  components: {
    vueSelect
  },

  data: function () {
    return {
      selected: null,
      options: [50, 100, 250, 500]
    }
  }
}

Any idea?

[PrimozRome]

Never mind had problems with vueSelect and v-select ...

[wolfgangmeyers]

Would be great if you could provide more detail about how you resolved it. I have the same issue, but using typescript.

[wolfgangmeyers]

Fixed by changing vSelect to VueSelect

[sagalbot]

@wolfgangmeyers the above example was because the component was imported as vueSelect, but written in the template as <v-select>, when it should have been <vue-select>.

If you want to use vSelect, the template would be <v-select>.