refactor(ui): use main UI's Spinner store in admin

- removes the admin store since they're exactly the same

Author: luizhf42

ui/admin/src/api/interceptors.ts

@@ -1,37 +1,27 @@
 import { AxiosError, AxiosInstance, AxiosResponse, InternalAxiosRequestConfig } from "axios";
-import { setActivePinia, createPinia } from "pinia";
-import useSpinnerStore from "@admin/store/modules/spinner";
 import useAuthStore from "@admin/store/modules/auth";
+import useSpinnerStore from "@/store/modules/spinner";
 import router from "../router/index";
 
-setActivePinia(createPinia());
-
 const onRequest = (config: InternalAxiosRequestConfig): InternalAxiosRequestConfig => {
-  const spinnerStore = useSpinnerStore();
-  spinnerStore.setStatus(true);
+  useSpinnerStore().status = true;
   return config;
 };
 
 const onRequestError = (error: AxiosError): Promise<AxiosError> => {
-  const spinnerStore = useSpinnerStore();
-
-  spinnerStore.setStatus(false);
+  useSpinnerStore().status = false;
   return Promise.reject(error);
 };
 
 const onResponse = (response: AxiosResponse): AxiosResponse => {
-  const spinnerStore = useSpinnerStore();
-
-  spinnerStore.setStatus(false);
+  useSpinnerStore().status = false;
   return response;
 };
 
 const onResponseError = async (error: AxiosError): Promise<AxiosError> => {
-  const spinnerStore = useSpinnerStore();
-  const authStore = useAuthStore();
-  spinnerStore.setStatus(false);
+  useSpinnerStore().status = false;
   if (error.response?.status === 401) {
-    await authStore.logout();
+    useAuthStore().logout();
     await router.push({ name: "login" });
   } else if (error.response?.status === 402) {
     await router.push({ name: "license" });

ui/admin/src/layouts/AppLayout.vue

@@ -141,10 +141,10 @@
 <script setup lang="ts">
 import { watch, ref, computed, reactive } from "vue";
 import { RouteLocationRaw, useRouter } from "vue-router";
-import useSpinnerStore from "@admin/store/modules/spinner";
 import useLicenseStore from "@admin/store/modules/license";
 import useLayoutStore from "@admin/store/modules/layout";
 import useAuthStore from "@admin/store/modules/auth";
+import useSpinnerStore from "@/store/modules/spinner";
 import Snackbar from "@/components/Snackbar/Snackbar.vue";
 import Logo from "../assets/logo-inverted.png";
 import { createNewClient } from "../api/http";
@@ -180,7 +180,7 @@ const isLoggedIn = computed(() => authStore.isLoggedIn);
 
 const expiredLicense = computed(() => licenseStore.isExpired);
 
-const hasSpinner = computed(() => spinnerStore.getStatus);
+const hasSpinner = computed(() => spinnerStore.status);
 const currentUser = computed(() => authStore.currentUser);
 const currentRoute = computed(() => router.currentRoute);
 const theme = computed(() => layoutStore.theme);