// import this after install `@mdi/font` package
import '@mdi/font/css/materialdesignicons.css'

import 'vuetify/styles'
import { createVuetify } from 'vuetify'
import { VBtn } from 'vuetify/components';

export default defineNuxtPlugin((app) => {
  const vuetify = createVuetify({
     theme: {
      themes: {
        light: {
          colors: {
            primary: '#A7D129',
            secondary: '#686D76',
            tertiary: '#BE3737',
            tangerine: '#EC8F67ff',
            accent: '#000000',
          },
        },
      },
    },
   aliases: {
      VBtnValid: VBtn,
    },
    defaults: {
      VBtn: {
        color: 'accent',
        class: 'custom-btn', 
      },
      VBtnValid: {
        color: 'primary',
        class: 'custom-btn',
      },
    },
  });
  app.vueApp.use(vuetify)
})