import { createVuetify } from 'vuetify';
import { aliases, mdi } from 'vuetify/iconsets/mdi-svg';
import * as components from 'vuetify/components';
import * as directives from 'vuetify/directives';
import { socializeTheme } from '@/plugins/theme.js';

export function createSocializeVuetify() {
    return createVuetify({
        components,
        directives,
        defaults: {
            VBtn: {
                rounded: 'lg',
                style: 'letter-spacing: 0; text-transform: none;',
            },
            VCard: {
                rounded: 'lg',
            },
            VTextField: {
                color: 'primary',
                density: 'comfortable',
                variant: 'outlined',
            },
            VTextarea: {
                color: 'primary',
                density: 'comfortable',
                variant: 'outlined',
            },
            VSelect: {
                color: 'primary',
                density: 'comfortable',
                variant: 'outlined',
            },
        },
        icons: {
            defaultSet: 'mdi',
            aliases,
            sets: { mdi },
        },
        theme: {
            defaultTheme: 'socializeLight',
            themes: {
                socializeLight: socializeTheme,
            },
        },
    });
}