feat: rm vuetify

src/App.vue

@@ -1,21 +1,7 @@
 <script setup lang="ts">
-import { useTheme } from 'vuetify';
-import { useThemeConfig } from '@/plugins/vuetify/@core/composable/useThemeConfig';
-import { hexToRgb } from '@/plugins/vuetify/@layouts/utils';
 import { themeChange } from 'theme-change';
 import { onMounted } from 'vue';
 import TxDialog from './components/TxDialog.vue';
-const {
-  syncInitialLoaderTheme,
-  syncVuetifyThemeWithTheme: syncConfigThemeWithVuetifyTheme,
-  isAppRtl,
-} = useThemeConfig();
-
-const { global } = useTheme();
-
-// ℹ️ Sync current theme with initial loader theme
-syncInitialLoaderTheme();
-syncConfigThemeWithVuetifyTheme();
 
 onMounted(() => {
   themeChange(false);
@@ -23,13 +9,8 @@ onMounted(() => {
 </script>
 
 <template>
-  <!-- ℹ️ This is required to set the background color of active nav link based on currently active global theme's primary -->
-  <VApp
-    :style="`--v-global-theme-primary: ${hexToRgb(
-      global.current.value.colors.primary
-    )}`"
-  >
+  <div>
     <RouterView />
     <TxDialog />
-  </VApp>
+  </div>
 </template>