chore(pack): optimize dependencies, reduce bundle size

frontend/src/main.js

@@ -1,48 +1,56 @@
-import {createApp} from 'vue'
-import App from './App.vue'
-import router from '@/router/router.js'
-import {createPinia} from 'pinia'
-import '@mdi/font/css/materialdesignicons.css'
-import 'vuetify/styles'
-import {createVuetify} from 'vuetify'
-import * as components from 'vuetify/components'
-import * as directives from 'vuetify/directives'
-import vueGoogleOauth from 'vue3-google-login'
-import {useAuthStore} from "@/stores/authStore.js";
-import {useUserProfileStore} from "@/stores/userProfileStore.js";
-import {useCreatorProfileStore} from "@/stores/creatorProfileStore.js";
-import './assets/main.css'
+import { createApp } from 'vue';
+import App from './App.vue';
+import router from '@/router/router.js';
+import { createPinia } from 'pinia';
+import 'vuetify/styles';
+import { createVuetify } from 'vuetify';
+import { aliases, mdi } from 'vuetify/iconsets/mdi-svg';
+import { VDialog, VApp, VBtn, VProgressLinear, VProgressCircular, VIcon, VTextField, VSnackbar, VForm, VTextarea } from 'vuetify/components';
+import { } from 'vuetify/directives';
+import vueGoogleOauth from 'vue3-google-login';
+import { useAuthStore } from "@/stores/authStore.js";
+import { useUserProfileStore } from "@/stores/userProfileStore.js";
+import { useCreatorProfileStore } from "@/stores/creatorProfileStore.js";
+import './assets/main.css';
 
 const vuetify = createVuetify({
-    components,
-    directives
+  components: {
+    VDialog, VApp, VBtn, VProgressLinear, VProgressCircular, VIcon, VTextField, VSnackbar, VForm, VTextarea
+  },
+  directives: {
+  },
+  icons: {
+    defaultSet: 'mdi',
+    aliases,
+    sets: { mdi }
+  }
 });
 
-import {createI18n} from 'vue-i18n'
+import { createI18n } from 'vue-i18n'
 import en from '@/locales/en.json'
 import fr from '@/locales/fr.json'
 import es from '@/locales/es.json'
 
 const i18n = createI18n({
-    legacy: false,
-    fallbackLocale: 'en',
-    messages: {
-        en: en,
-        fr: fr,
-        es: es
-    }
+  legacy: false,
+  fallbackLocale: 'en',
+  messages: {
+    en: en,
+    fr: fr,
+    es: es
+  }
 })
 
 const pinia = createPinia();
 
 const app = createApp(App)
-    .use(pinia)
-    .use(vuetify)
-    .use(router)
-    .use(i18n)
-    .use(vueGoogleOauth, {
-        clientId: import.meta.env.VITE_GOOGLE_CLIENT_ID,
-    });
+  .use(pinia)
+  .use(vuetify)
+  .use(router)
+  .use(i18n)
+  .use(vueGoogleOauth, {
+    clientId: import.meta.env.VITE_GOOGLE_CLIENT_ID,
+  });
 
 useAuthStore();
 useUserProfileStore();