[chore] show menu drawer auto if on desktop

api/src/stores/user.ts

@@ -91,7 +91,15 @@ export const useUserStore = defineStore({
     },
 
     async updateRole(role: FG.Role) {
+      try {
         await api.put(`/roles/${role.id}`, role);
+      } catch (error) {
+        console.warn(error);
+      }
+      this._updatePermission(role);
+    },
+
+    _updatePermission(role: FG.Role) {
       const idx = this.roles.findIndex((r) => r.id === role.id);
       if (idx != -1) this.roles[idx] = role;
       this._dirty_roles = true;

src/layouts/MainLayout.vue

@@ -77,7 +77,7 @@ import EssentialLink from 'src/components/navigation/EssentialLink.vue';
 import ShortcutLink from 'src/components/navigation/ShortcutLink.vue';
 import Notification from 'src/components/Notification.vue';
 import { defineComponent, ref, inject, computed, onBeforeMount, onBeforeUnmount } from 'vue';
-import { Screen } from 'quasar';
+import { Screen, Platform } from 'quasar';
 import config from 'src/config';
 import { useRouter } from 'vue-router';
 import { useMainStore } from '@flaschengeist/api';
@@ -105,7 +105,22 @@ export default defineComponent({
     const router = useRouter();
     const mainStore = useMainStore();
     const flaschengeist = inject<FG_Plugin.Flaschengeist>('flaschengeist');
-    const leftDrawer = ref(false);
+    const _leftDrawer = ref<boolean|undefined>();
+    const leftDrawer = computed({
+      get: () => {
+        if (_leftDrawer.value !== undefined) {
+          console.log("ist undefiend")
+          return _leftDrawer.value
+        }
+        if (Platform.is.mobile) {
+          console.log("is mobile")
+          return false
+        }
+        console.log("is desktop")
+        return true
+      },
+      set: (val) => _leftDrawer.value = val
+  })
     const leftDrawerMini = ref(false);
     const mainLinks = flaschengeist?.menuLinks || [];
     const notifications = computed(() => mainStore.notifications.slice().reverse());