migrate admin settings

src/menus/SideMenuWithCategories.vue

@@ -109,11 +109,14 @@ const openerHover = ref(false)
 const menu = useTemplateRef('menu')
 const isTouchDevice = window.matchMedia('(pointer: coarse)').matches
 
-watch(() => open, (val) => {
-  if (val) {
-    focusActiveApp(menu.value)
-  }
-})
+watch(
+  () => open,
+  (val) => {
+    if (val) {
+      focusActiveApp(menu.value)
+    }
+  },
+)
 
 onMounted(async () => {
   const config = await configStore.getConfig()

src/menus/SimpleSideMenu.vue

@@ -30,7 +30,10 @@ along with this program. If not, see <http://www.gnu.org/licenses/>.
         :label="settings.name"
         :avatar="settings.avatar"
       />
-      <AppSearch v-model="search" v-if="open" />
+      <AppSearch
+        v-model="search"
+        v-if="open"
+      />
       <OpenerButton
         v-if="!openerHover || isTouchDevice"
         @click="$emit('toggle')"
@@ -108,11 +111,14 @@ watch(apps, (val) => {
   document.querySelector('html').classList.toggle('side-menu-always-displayed', alwaysDisplayed.value && val.length)
 })
 
-watch(() => open, (val) => {
-  if (val) {
-    focusActiveApp(menu.value)
-  }
-})
+watch(
+  () => open,
+  (val) => {
+    if (val) {
+      focusActiveApp(menu.value)
+    }
+  },
+)
 
 function getFiltredAndSortedApps(items, order, topMenuApps, topSideMenuApps) {
   const data = []
@@ -148,10 +154,7 @@ onMounted(async () => {
   avatar.value = config['avatar']
   logo.value = config['logo']
   useAvatarAsLogo.value = config['use-avatar']
-  displayLogo.value = config['display-logo'] && !alwaysDisplayed.value && (
-    (!useAvatarAsLogo.value && logo.value) ||
-    (useAvatarAsLogo.value && avatar.value)
-  )
+  displayLogo.value = config['display-logo'] && !alwaysDisplayed.value && ((!useAvatarAsLogo.value && logo.value) || (useAvatarAsLogo.value && avatar.value))
 
   logoLink.value = config['logo-link']
   settings.value = config['settings']

src/menus/TopWideMenu.vue

@@ -114,11 +114,14 @@ const openerHover = ref(false)
 const menu = useTemplateRef('menu')
 const isTouchDevice = window.matchMedia('(pointer: coarse)').matches
 
-watch(() => open, (val) => {
-  if (val) {
-    focusActiveApp(menu.value)
-  }
-})
+watch(
+  () => open,
+  (val) => {
+    if (val) {
+      focusActiveApp(menu.value)
+    }
+  },
+)
 
 onMounted(async () => {
   const config = await configStore.getConfig()