fix-component-link

This commit is contained in:
Rusovich Violetta
2025-08-13 13:28:28 +03:00
parent b21b1fb831
commit 0471aaaa04
@@ -39,14 +39,16 @@ const handleClick = (event: Event) => {
</script> </script>
<template> <template>
<Component :is="!disabled && link ? VPLink : 'article'" v-bind="{ ...(!disabled && link && { href: link }) }" <Component :is="!disabled && link ? VPLink : 'article'"
:class="classes" @click="handleClick"> :class="classes" @click="handleClick">
<CustomAvatar :class="$style.CustomFeatureIcon" :icon="icon as Icons" /> <CustomAvatar :class="$style.CustomFeatureIcon" :icon="icon as Icons" />
<div :class="$style.CustomFeatureContent"> <div :class="$style.CustomFeatureContent">
<a :class="$style.CustomFeatureTitle" :href="link"> <Component :is="!disabled && link ? VPLink : 'article'" v-bind="{ ...(!disabled && link && { href: link }) }">
{{ title }} <p :class="$style.CustomFeatureTitle" :href="`/docs${link}`">
</a> {{ title }}
</p>
</Component>
<div :class="$style.CustomFeatureContainer"> <div :class="$style.CustomFeatureContainer">
<div v-for="(item, i) in items" :key="i"> <div v-for="(item, i) in items" :key="i">
<Component :is="!disabled && item.link ? VPLink : 'article'" v-bind="{ ...(!disabled && item.link && { href: item.link }) }"> <Component :is="!disabled && item.link ? VPLink : 'article'" v-bind="{ ...(!disabled && item.link && { href: item.link }) }">