Reformat

aleksis/core/frontend/components/app/SideNav.vue

@@ -18,13 +18,25 @@
       <v-list-item v-if="checkPermission('core.search_rule')" class="search">
         <sidenav-search />
       </v-list-item>
-      <v-list-item-group :value="$route.matched" :value-comparator="comparator" v-if="sideNavMenu" color="primary">
+      <v-list-item-group
+        :value="$route.matched"
+        :value-comparator="comparator"
+        v-if="sideNavMenu"
+        color="primary"
+      >
         <div v-for="menuItem in sideNavMenu" :key="menuItem.name">
           <v-list-group
             v-if="menuItem.subMenu.length > 0"
             href="#!"
-            :prepend-icon="$route.matched.some(route => route.name === menuItem.name) && menuItem.iconActive ? menuItem.iconActive : menuItem.icon"
-            :value="$route.matched.some(route => route.name === menuItem.name)"
+            :prepend-icon="
+              $route.matched.some((route) => route.name === menuItem.name) &&
+              menuItem.iconActive
+                ? menuItem.iconActive
+                : menuItem.icon
+            "
+            :value="
+              $route.matched.some((route) => route.name === menuItem.name)
+            "
           >
             <template #activator>
               <v-list-item-title
@@ -44,8 +56,16 @@
               class="ps-4"
             >
               <v-list-item-icon>
-                <v-icon v-if="subMenuItem.iconActive && $route.name === subMenuItem.name" v-text="subMenuItem.iconActive" />
-                <v-icon v-else-if="subMenuItem.icon" v-text="subMenuItem.icon" />
+                <v-icon
+                  v-if="
+                    subMenuItem.iconActive && $route.name === subMenuItem.name
+                  "
+                >
+                  {{ subMenuItem.iconActive }}
+                </v-icon>
+                <v-icon v-else-if="subMenuItem.icon">
+                  {{ subMenuItem.icon }}
+                </v-icon>
               </v-list-item-icon>
               <v-list-item-title
                 >{{
@@ -63,8 +83,15 @@
             :target="menuItem.newTab ? '_blank' : '_self'"
           >
             <v-list-item-icon>
-              <v-icon v-if="menuItem.iconActive && $route.matched.some(route => route.name === menuItem.name)" v-text="menuItem.iconActive" />
-              <v-icon v-else-if="menuItem.icon" v-text="menuItem.icon" />
+              <v-icon
+                v-if="
+                  menuItem.iconActive &&
+                  $route.matched.some((route) => route.name === menuItem.name)
+                "
+              >
+                {{ menuItem.iconActive }}
+              </v-icon>
+              <v-icon v-else-if="menuItem.icon">{{ menuItem.icon }}</v-icon>
             </v-list-item-icon>
             <v-list-item-title>{{
               !menuItem.rawTitleString
@@ -115,11 +142,11 @@ export default {
   mounted() {
     this.addPermissions(["core.search_rule"]);
   },
-    methods: {
-      comparator(array, value) {
-        return array && array.includes(value);
-      }
+  methods: {
+    comparator(array, value) {
+      return array && array.includes(value);
     },
+  },
 };
 </script>