import { createVuetify, type ThemeDefinition } from "vuetify";
import { md2 } from 'vuetify/blueprints';
import { VDateInput } from 'vuetify/labs/VDateInput'
// import { VDataTable } from 'vuetify/labs/VDataTable'

const myTheme: ThemeDefinition = {//untuk mengatur tema terang atau gelap
    dark:false,
    colors:{
       primary:"#3b82f6", 
    }
}

export default defineNuxtPlugin(app => {

    const vuetify = createVuetify({
        ssr: true,
        blueprint: md2,
        // components:{VDataTable},
        defaults:{
            VTextField:{
                variant:"outlined",
            },
        },
        theme:{
            defaultTheme: "myTheme",
            themes:{
                myTheme,
            },
        },
        icons:{
            defaultSet: 'custom',
            sets:{
                custom
            },
            aliases,
        },
        components: {
            VDateInput,
          },
    });

    app.vueApp.use(vuetify);
});