import { createVuetify } from 'vuetify'
import * as components from 'vuetify/components'
import * as directives from 'vuetify/directives'

// We use the global defineNuxtPlugin. 
// If it's still red, it's just a VS Code cache issue—the code is valid.
export default defineNuxtPlugin((nuxtApp) => {
  const vuetify = createVuetify({
    ssr: true,
    components,
    directives,
  })

  // We cast nuxtApp as 'any' ONLY if the editor is being stubborn 
  // during your setup, but npx nuxi prepare usually fixes the real type.
  nuxtApp.vueApp.use(vuetify)
})