🔧 vuetify tree-shaking을 위한 vite-plugin-vuetify 설치 및 적용

src/main.ts

@@ -3,15 +3,18 @@ import App from './App.vue';
 import router from './router';
 import '@/assets/style.scss';
 import 'vuetify/styles';
-import '@mdi/font/css/materialdesignicons.css';
-import vuetify from '@/utils/setupVuetify';
+import '@mdi/font/css/materialdesignicons.css'
+
+import { createVuetify } from 'vuetify';
 import { markdownItPlugin } from '@/plugins/markdownit';
 import { chartjsPlugin } from './plugins/chartjs';
 import { createStore } from 'vuex';
 import { store } from '@/store';
 
 const vuexStore = createStore(store);
 
+const vuetify = createVuetify({});
+
 const app = createApp(App);
 app.use(vuexStore);
 app.use(router);

vite.config.ts

@@ -2,10 +2,11 @@ import { fileURLToPath, URL } from 'node:url';
 
 import { defineConfig } from 'vite';
 import vue from '@vitejs/plugin-vue';
+import vuetify from 'vite-plugin-vuetify'
 
 // https://vitejs.dev/config/
 export default defineConfig({
-  plugins: [vue()],
+  plugins: [vue(), vuetify()],
   resolve: {
     alias: {
       '@': fileURLToPath(new URL('./src', import.meta.url)),