src/components/navigation/EssentialLink.vue

@@ -1,11 +1,5 @@
 <template>
-  <q-item
+  <q-item clickable tag="a" target="self" :to="{ name: link }" v-if="isGranted">
-    clickable
-    tag="a"
-    target="self"
-    :to="{ name: link }"
-    v-if="hasPermissions"
-  >
     <q-item-section v-if="icon" avatar>
       <q-icon :name="icon" />
     </q-item-section>
@@ -70,7 +64,7 @@ export default defineComponent({
       hasPermissions(props.permissions || [], root.$store)
     );
 
-    return { realTitle: title, hasPermissions };
+    return { realTitle: title, isGranted };
   }
 });
 </script>