Редактор статей

тест

• раз
• два
• три

<template>
<div class="cards__wrapper swiper" v-swiper:additionalCardSwiper="swiperOptions">
<div class="swiper-wrapper">
<div class="card swiper-slide">
<div class="card__header">
<div class="card__title">{{ title }}</div>
</div>
<div class="card__body">
<div class="card__figure">
<img :src="imageSrc" alt="" class="card__image">
</div>
<div class="card__description">
<div class="card__subtitle">
<div class="card__subtitle-name">{{name}}</div><span>,&nbsp; </span>
<div class="card__subtitle-profession">{{ profession }}</div>
</div>
<div class="card__text">{{text}}</div>
<NuxtLink :to="link" class="card__link">
<UiTextButton class="ui-image-small"
title="связаться с нами"
color-theme="primary"
type="type-static"/>
</NuxtLink>
</div>

</div>
</div>
<div class="card swiper-slide">
<div class="card__header">
<div class="card__title">{{ title }}</div>
</div>
<div class="card__body">
<div class="card__figure">
<img :src="imageSrc" alt="" class="card__image">
</div>
<div class="card__description">
<div class="card__subtitle">
<div class="card__subtitle-name">{{name}}</div><span>,&nbsp; </span>
<div class="card__subtitle-profession">{{ profession }}</div>
</div>
<div class="card__text">{{text}}</div>
<NuxtLink :to="link" class="card__link">
<UiTextButton class="ui-image-small"
title="связаться с нами"
color-theme="primary"
type="type-static"/>
</NuxtLink>
</div>

</div>
</div>
</div>
<div class="card__navigation-back swiper-button-prev"><-</div>
<div class="card__navigation-forward swiper-button-next">-></div>

</div>
</template>

Еще тест

1. раз
2. два тысяча