Привет сообществу, хотел бы больше узнать о построении архитектуры или же дизайна проекта. Чтобы можно было легко переиспользовать шаблоны, при этом не связывая их с каким либо функционалом.
К примеру есть форма оплаты, которая используется в двух разных местах, в личном кабинете и на лендинге. В обоих случаях форма выглядит одинаково, но использует разные сущности в качестве расчёта цены. Мне не хочется зашивать этот функционал в компонент, чтобы компонент разростался по мере увеличения возможных вариаций использования компонента.
Т. е. я хочу иметь базовый компонент, который имеет некоторый визуальный и программный интерфейс и на основе этого компонента, я хотел бы получать новые компоненты реализуя абстрактные методы или декорируя шаблон под нужды нового компонента. Как во vue и nuxt создавать такие гибкие штуки? Есть ли какая-то информация по этому вопросу?