Display: Fix double anchor tag for custom router-link

assets/css/app.scss

@@ -292,6 +292,10 @@
   }
 }
 
+.mdi {
+  @apply font-normal text-base leading-none;
+}
+
 .field > small.p-error {
   @apply text-error;
 }

assets/css/scss/molecules/_course_tool.scss

@@ -13,7 +13,10 @@
   &__icon {
     @apply text-transparent bg-clip-text bg-gradient-to-br from-primary to-primary-gradient leading-none;
 
-    font-size: 52px;
+    &,
+    &.mdi {
+      font-size: 52px;
+    }
 
     &::before {
     }

assets/vue/components/basecomponents/BaseAppLink.vue

@@ -2,10 +2,6 @@
 import { RouterLink } from "vue-router"
 import { computed } from "vue"
 
-defineOptions({
-  inheritAttrs: false,
-})
-
 const props = defineProps({
   ...RouterLink.props,
   url: {
@@ -28,16 +24,8 @@ const isAnchor = computed(() => !!props.url)
   </a>
   <router-link
     v-else
-    v-slot="{ href, navigate }"
-    custom
-    v-bind="$props"
+    v-bind="props"
   >
-    <a
-      :href="href"
-      v-bind="$attrs"
-      @click="navigate"
-    >
-      <slot />
-    </a>
+    <slot />
   </router-link>
 </template>