// plugins/primevue.ts
import { defineNuxtPlugin } from '#app'
import PrimeVue from 'primevue/config'

// Import only the components you use
import Dropdown from 'primevue/dropdown'
import Dialog from 'primevue/dialog'
// import Select from 'primevue/select'

// You can import theme & base styles here (or in your global CSS)
// import 'primevue/resources/themes/lara-light-blue/theme.css' // or dark, etc.
// import 'primevue/resources/primevue.min.css'
import 'primeicons/primeicons.css'

export default defineNuxtPlugin((nuxtApp) => {
  // Initialize PrimeVue
  nuxtApp.vueApp.use(PrimeVue, {
    ripple: true,
    inputStyle: 'outlined',
  })

  // Register only the components you use
  nuxtApp.vueApp.component('Dropdown', Dropdown)
  // nuxtApp.vueApp.component('Select', Select)
  nuxtApp.vueApp.component('Dialog', Dialog)
})
