i bought the primeblock for vue and i'm trying to use it inside a nuxt3 project but it doesn't work.
i correctly implemented the primevue free component but when i try to use primeblock components that require new v-directive ( specifically styleclass and ripple ) it doesn't work.
This is my primevue plugin
Code: Select all
import { defineNuxtPlugin } from '#app'
import PrimeVue from 'primevue/config'
import Sidebar from 'primevue/sidebar'
import Button from 'primevue/button'
import Menubar from 'primevue/menubar'
import Panel from 'primevue/panel'
import InputText from 'primevue/inputtext'
import Toast from 'primevue/toast'
import ToastService from 'primevue/toastservice'
import ConfirmationService from 'primevue/confirmationservice'
import TabView from 'primevue/tabview'
import TabPanel from 'primevue/tabpanel'
import Splitter from 'primevue/splitter'
import SplitterPanel from 'primevue/splitterpanel'
import DataTable from 'primevue/datatable'
import Column from 'primevue/column'
import PanelMenu from 'primevue/panelmenu'
import ScrollPanel from 'primevue/scrollpanel'
import Card from 'primevue/card'
import Steps from 'primevue/steps'
import ConfirmDialog from 'primevue/confirmdialog'
import Dialog from 'primevue/dialog'
import Menu from 'primevue/menu'
import StyleClass from 'primevue/styleclass'
import Ripple from 'primevue/ripple'
export default defineNuxtPlugin((nuxtApp) => {
nuxtApp.vueApp.use(PrimeVue, { ripple: true })
nuxtApp.vueApp.use(ToastService)
nuxtApp.vueApp.use(ConfirmationService)
nuxtApp.vueApp.component('Button', Button)
nuxtApp.vueApp.component('Menubar', Menubar)
nuxtApp.vueApp.component('Panel', Panel)
nuxtApp.vueApp.component('InputText', InputText)
nuxtApp.vueApp.component('Toast', Toast)
nuxtApp.vueApp.component('TabView', TabView)
nuxtApp.vueApp.component('TabPanel', TabPanel)
nuxtApp.vueApp.component('Splitter', Splitter)
nuxtApp.vueApp.component('SplitterPanel', SplitterPanel)
nuxtApp.vueApp.component('DataTable', DataTable)
nuxtApp.vueApp.component('Column', Column)
nuxtApp.vueApp.component('PanelMenu', PanelMenu)
nuxtApp.vueApp.component('ScrollPanel', ScrollPanel)
nuxtApp.vueApp.component('Card', Card)
nuxtApp.vueApp.component('Steps', Steps)
nuxtApp.vueApp.component('ConfirmDialog', ConfirmDialog)
nuxtApp.vueApp.component('Dialog', Dialog)
nuxtApp.vueApp.component('Sidebar', Sidebar)
nuxtApp.vueApp.component('Menu', Menu)
nuxtApp.vueApp.directive('styleclass', StyleClass)
nuxtApp.vueApp.directive('ripple', Ripple)
Single component works, directive no
Thank you