feat(state): little reword + load user organizations in root resolver

src/router/resolvers/root.js

@@ -1,16 +1,20 @@
 import { useProjects } from "@/state/projects.js";
 import { useSpaces } from "@/state/spaces.js";
 import { useUser } from "@/state/user.js";
+import { useOrganizations } from "@/state/organizations.js";
 
 let rootResolved = false;
 
 const rootResolver = async () => {
   const { loadUser } = useUser();
+  const { retrieveUserOrganizations: loadUserOrganizations } =
+    useOrganizations();
   const { loadUserSpaces } = useSpaces();
   const { loadUserProjects } = useProjects();
 
   if (!rootResolved) {
     await loadUser();
+    await loadUserOrganizations();
     await loadUserSpaces();
     await loadUserProjects();
     rootResolved = true;

src/services/OrganizationService.js

@@ -2,7 +2,7 @@ import { privateApiClient } from "./api-client.js";
 import { ERRORS, ErrorService, RuntimeError } from "./ErrorService.js";
 
 class OrganizationService {
-  async fetchOrganizations() {
+  async fetchUserOrganizations() {
     try {
       return await privateApiClient.get("/organization");
     } catch (error) {

src/state/organizations.js

@@ -6,13 +6,13 @@ const state = reactive({
   organizationSpaces: []
 });
 
-const retrieveOrganizations = async () => {
-  const organizations = await OrganizationService.fetchOrganizations();
+const retrieveUserOrganizations = async () => {
+  const organizations = await OrganizationService.fetchUserOrganizations();
   state.userOrganizations = organizations;
   return organizations;
 };
 
-const fecthOrganizationSpaces = async organization => {
+const retrieveOrganizationSpaces = async organization => {
   const spaces = await OrganizationService.fecthOrganizationSpaces(
     organization
   );
@@ -62,8 +62,8 @@ export function useOrganizations() {
     // References
     ...toRefs(readonlyState),
     // Methods
-    retrieveOrganizations,
-    fecthOrganizationSpaces,
+    retrieveUserOrganizations,
+    retrieveOrganizationSpaces,
     createOrganization,
     updateOrganization,
     deleteOrganization,

src/views/platform-subscription/PlatformSubscription.vue

@@ -47,11 +47,11 @@ export default {
     const displayedInvoices = ref([]);
     const empty = ref(false);
 
-    const { retrieveOrganizations } = useOrganizations();
+    const { retrieveUserOrganizations } = useOrganizations();
 
     const organizations = ref([]);
     onMounted(async () => {
-      organizations.value = await retrieveOrganizations();
+      organizations.value = await retrieveUserOrganizations();
     });
 
     return {