import { createVuetify } from 'vuetify'
import 'vuetify/styles'
import { aliases, fa } from 'vuetify/iconsets/fa'
import { mdi } from 'vuetify/iconsets/mdi'
import '@fortawesome/fontawesome-free/css/all.css'
import '@mdi/font/css/materialdesignicons.css'
import {fr} from 'vuetify/locale'

export default defineNuxtPlugin(nuxtApp => {
    const vuetify = createVuetify({
        ssr: true,
        locale: {
            locale: 'fr',
            messages: { fr }
        },
        theme: {
            defaultTheme: 'light',
            themes: {
                light: {
                    dark: false,
                    colors: {
                        /**
                         * @see Cf. doc/colors.md pour le rôle de chaque couleur
                         */
                        'primary': '#00ad8e',   // ot-green
                        'primary-alt': '#a9e0d6',   // ot-light-green
                        'secondary': '#324150',   // ot-dark-grey
                        'secondary-alt': '#2c3a48',   // ot-dark-grey-hover
                        'ot-grey': '#777777',    // ot-grey
                        'ot-header-menu': '#ECE7E5',   // ot-header-menu
                        'ot-light-grey': '#f5f5f5',   // ot-light-grey
                        'ot-super-light-grey': '#ecf0f5',   // ot-super-light-grey
                        'ot-danger': '#f56954',   // ot-danger
                        'ot-success': '#00a65a',   // ot-success
                        'ot-warning': '#f39c12',   // ot-warning
                        'ot-info': '#3c8dbc',   // ot-info
                        'ot-menu-color': '#b8c7ce',  // ot-menu-color
                        'ot-content-color': '#ecf0f4',  // ot-content-color
                        'ot-border-menu': '#f4f4f4',  // ot-border-menu
                        'ot-white': '#ffffff',  // ot-white
                        'ot-black': '#000000'  // ot-black
                    }
                }
            },
        },
        icons: {
            defaultSet: 'fa',
            aliases,
            sets: {
                fa,
                mdi
            }
        },
    })
    nuxtApp.vueApp.use(vuetify)
})