main.ts 918 Bytes
import './assets/main.css'

// Vuetify
import 'vuetify/styles'
import { createVuetify } from 'vuetify'
// import 'material-design-icons-iconfont/dist/material-design-icons.css'
import '@mdi/font/css/materialdesignicons.css' // Ensure you are using css-loader

import { createApp } from 'vue'
import { createPinia } from 'pinia'
import { createI18n } from 'vue-i18n'

import App from './App.vue'
import router from './router'
import messages from './message'

const app = createApp(App)

const vuetify = createVuetify()

app.use(createPinia())
app.use(router)

app.use(vuetify)

const i18n = createI18n({
  legacy: false,
  allowComposition: true,
  locale: 'en', // set locale
  // fallbackLocale: 'en', // set fallback locale
  messages, // set locale messages
  globalInjection: true
})

app.use(i18n)
console.log('%c [ messages ]-32', 'font-size:13px; background:pink; color:#bf2c9f;', messages)

app.mount('#app')