// After running "npm why vue"
<a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="3640435376041800180704">[email protected]</a>
node_modules/vue
dev vue@"^2.6.12" from the root project
vue@"^2.5.17" from <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="e89e9d8dc58b899a879d9b8d84a8d8c6d9d0c6d8">[email protected]</a>
node_modules/vue-carousel
vue-carousel@"^0.18.0" from the root project
vue@"^2.6.12" from <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="8cfaf9e9a1efe3e8e9a1e8e5eaeaccbda2bda2bc">[email protected]</a>
node_modules/vue-code-diff
vue-code-diff@"^1.1.0" from the root project
vue@"^2.2.6" from <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="35434050185e545b57545b75041b0d1b05">[email protected]</a>
node_modules/vue-kanban
vue-kanban@"^1.8.0" from the root project
peer vue@"^2.6.0" from <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="186e6d7d35757d766c717776582936283628">[email protected]</a>
node_modules/vue-mention
vue-mention@"^1.0.0" from the root project
vue@"^2.5.13" from vue-pjax-adapter@undefined
node_modules/vue-pjax-adapter
vue-pjax-adapter@"github:riverskies/vue-pjax-adapter" from the root project
peer vue@"^2.6.0" from <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="730506165e0116001a091633425d435d42">[email protected]</a>
node_modules/vue-resize
vue-resize@"^1.0.1" from <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="9ee8b3eaf1f1f2eaf7eedeacb0afb0ad">[email protected]</a>
node_modules/v-tooltip
v-tooltip@"^2.1.3" from the root project
peer v-tooltip@"^2.0.0" from <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="6d1b180840000803190402032d5c435d435d">[email protected]</a>
node_modules/vue-mention
vue-mention@"^1.0.0" from the root projectI am encountering an error stating that this.$scopedSlots.default is not a function when implementing the vue-mention component in my codebase. My current Vue version is "2.6.12".
<script>
import { Mentionable } from 'vue-mention'
export default {
components: {
Mentionable,
},
data () {
return {
text: '',
items: [
{
value: 'cat',
label: 'Mr Cat',
},
{
value: 'dog',
label: 'Mr Dog',
},
],
}
},
}
</script><template>
<Mentionable
:keys="['@']"
:items="items"
offset="6"
>
<textarea v-model="text"/>
</Mentionable>
</template>Additionally, I am receiving a prop mutated error for both the keys and items properties. Has anyone else experienced similar issues with Vue components like this? This particular component is crucial for my project.