Display: Use BaseAppLink to show links with anchor element - refs BT#21620

assets/vue/components/layout/TopbarNotLoggedIn.vue

@@ -30,11 +30,11 @@ const languageItems = languageList.map((language) => ({
 const menuItems = computed(() => [
   {
     label: t("Home"),
-    command: async () => await router.push({ name: "Index" }),
+    url: router.resolve({ name: "Index" }).href,
   },
   {
     label: t("FAQ"),
-    command: async () => await router.push({ name: "Faq" }),
+    url: router.resolve({ name: "Faq" }).href,
   },
   {
     label: t("Registration"),
@@ -42,7 +42,7 @@ const menuItems = computed(() => [
   },
   {
     label: t("Demo"),
-    command: async () => await router.push({ name: "Demo" }),
+    url: router.resolve({ name: "Demo" }).href,
   },
   {
     label: t("Contact"),

assets/vue/views/page/List.vue

@@ -231,10 +231,8 @@ onMounted(() => {
     layoutMenuItems.value = [
       {
         label: t("New page"),
-        command: () => {
-          router.push({ name: "PageCreate" })
-        },
-      }
+        url: router.resolve({ name: "PageCreate" }).href,
+      },
     ]
   }
 })

var/vue_templates/components/layout/SidebarNotLoggedIn.vue

@@ -25,7 +25,7 @@ const languageItems = languageList.map((language) => ({
 const menuItems = computed(() => [
   {
     label: t("Home"),
-    command: async () => await router.push({ name: "Index" }),
+    url: router.resolve({ name: "Index" }).href,
   },
   {
     id: "login-header-item",
@@ -42,11 +42,11 @@ const menuItems = computed(() => [
   },
   {
     label: t("Demo"),
-    command: async () => await router.push({ name: "Demo" }),
+    url: router.resolve({ name: "Demo" }).href,
   },
   {
     label: t("FAQ"),
-    command: async () => await router.push({ name: "Faq" }),
+    url: router.resolve({ name: "Faq" }).href,
   },
   {
     label: t("Contact"),