I've scoured the entire internet, but I still can't seem to resolve this issue. When using the code below, I keep getting an error message that says 'Uncaught ReferenceError: VueSelect is not defined.' Can you help me figure out what's wrong with the code?
var productForm = Vue.createApp ({
data: function() {
return {
product: {
sku: 0,
name: 'asdf',
price: 0
}
}
}
})
productForm.component('custom-form', {
props: ['value', 'options'],
template: `
<label>SKU<input type="text" :value=this.sku></label>
<label>Name<input type="text" :value=this.name></label>
<label>Price<input type="text" :value=this.price></label>
<vue-select :options="options" label="option"
></vue-select>
` ,
data: function() {
return {
sku: 0,
name: 'asdf',
price: 0,
options: [
{ option: "Size" },
{ option: "Weight" },
{ option: "Dimensions" }
]
}
}
})
const vm = productForm.mount('#product_form')
vm.component('vue-select', VueSelect )