initial commit

resources/js/App.vue

@@ -0,0 +1,43 @@
+<script setup>
+import { useAuthStore } from '@/stores/auth'
+import ScrollToTop from '@core/components/ScrollToTop.vue'
+import { useThemeConfig } from '@core/composable/useThemeConfig'
+import { hexToRgb } from '@layouts/utils'
+import { useTheme } from 'vuetify'
+
+const {
+  syncInitialLoaderTheme,
+  syncVuetifyThemeWithTheme: syncConfigThemeWithVuetifyTheme,
+  isAppRtl,
+  handleSkinChanges,
+} = useThemeConfig()
+
+const { global } = useTheme()
+
+// ℹ️ Sync current theme with initial loader theme
+syncInitialLoaderTheme()
+syncConfigThemeWithVuetifyTheme()
+handleSkinChanges()
+
+const authStore = useAuthStore()
+if (!authStore.user || !authStore.role) {
+  authStore.getUser()
+  authStore.getRoleUser()
+}
+</script>
+
+<template>
+  <VLocaleProvider :rtl="isAppRtl">
+    <!-- ℹ️ 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('#3a418d')}`">
+      <RouterView />
+      <ScrollToTop />
+    </VApp>
+  </VLocaleProvider>
+</template>
+
+<style lang="scss">
+.swal2-container {
+  z-index: 2500 !important;
+}
+</style>