audon/audon-fe/src/main.js

import { createApp } from "vue";
import { createPinia } from "pinia";

import { createVuetify } from "vuetify";
import { aliases, mdi } from "vuetify/iconsets/mdi-svg";

import axios from "axios";

import App from "./App.vue";
import router from "./router";

import "./assets/style.css";
import "vuetify/styles";

const vuetify = createVuetify({
  theme: {
    defaultTheme: "dark",
  },
  icons: {
    aliases,
    sets: {
      mdi,
    },
  },
});

axios.defaults.withCredentials = true;
axios.interceptors.response.use(undefined, (error) => {
  if (error.response?.status === 401) {
    router.push({
      name: "login"
    });
  }
  return Promise.reject(error);
});

const app = createApp(App);

app.use(createPinia());
app.use(vuetify);
app.use(router);

// app.config.compilerOptions.delimiters = ["{%", "%}"];
app.mount("#app");