kyvg/vue3-notification

Getting prop error using package for vue3 and vuetify

BrownAJKE opened this issue · 8 comments

Describe the bug
I have added the component on App.vue
<VApp> <VMain> <RouterView /> <Notifications group="success" position="bottom right" /> </VMain> </VApp>

To Reproduce

Screenshots
Screenshot 2022-11-28 at 12 07 55

What I'm I doing wrong?

kyvg commented

Warns looks like you forgot to provide "notifications" prop for your App.vue (or VApp.vue or VMain.vue). This lib has no prop "notifications"

Are you sure you added following code to your main.ts?

import { createApp } from 'vue'
import Notifications from '@kyvg/vue3-notification'

const app = createApp({...})
app.use(Notifications)

I have added that code on my main.js

Screenshot 2022-11-28 at 12 44 43

Here's a screenshot of the same
kyvg commented

I can't reproduce that error, but I found that Notifications is not equal to notifications. Can you add name option like that?

app.use(Notifications, { name: "Notifications" })

kyvg commented

I can't reproduce that error, but I found that Notifications is not equal to notifications. Can you add name option like that?

app.use(Notifications, { name: "Notifications" })

I'm sorry, it's should be componentName

app.use(Notifications, { componentName: "Notifications" })

kyvg commented

Fixed case sensitive component name in v2.7.0

I'm still getting the same error, I dont know why

Stale issue message