in /src/plugins

Vuetify.js

// Styles
import "@mdi/font/css/materialdesignicons.css";
import "vuetify/styles";
// Vuetify
import { createVuetify } from "vuetify";
import * as components from 'vuetify/components'
import * as directives from 'vuetify/directives'

import { createVueI18nAdapter } from "vuetify/locale/adapters/vue-i18n";
import { createI18n, useI18n } from "vue-i18n";

// i18n messaggi
import messages from "../../../common/messages.js";

export const i18n = new createI18n({
    legacy: false, // Vuetify does not support the legacy mode of vue-i18n
    locale: "it",
    fallbackLocale: "en",
    messages,
});

export const vuetify = createVuetify({
    components,
    directives,
    // theme: {
    //     defaultTheme: "dark",
    // },
    locale: createVueI18nAdapter({
        i18n,
        useI18n,
    }),
});