

Создадим компонент GroupedTable, который будет принимать массив items и имя свойства, по которому будет происходить группировка.

В современных веб-приложениях таблицы часто используются для отображения больших объемов данных. Однако, когда таблица становится слишком длинной или широкой, пользователи могут столкнуться с проблемами навигации.
В Vue.js использование слотов (slots) позволяет создавать гибкие и переиспользуемые компоненты, включая таблицы. Слоты позволяют вставлять произвольное содержимое в определённые места компонента. В случае с таблицей, вы можете использовать слоты для кастомизации отображения строк, ячеек, заголовков и других элементов.
В Vue.js вы можете объявить метод с debounce (задержкой) с помощью сторонних библиотек, таких как `lodash`, или вручную, используя `setTimeout`
Для поиска email-адресов в тексте можно использовать следующее регулярное выражение: Копироватьb[A-Za-z0-9._%+-]+@[A-Za-z0-9.-]+\.[A-Z|a-z]{2,}\b Пояснение: \b — обозначает границу слова, чтобы email не был частью другого слова. [A-Za-z0-9._%+-]+ — соответствует локальной части email (до символа @). Может содержать буквы, цифры, точки, подчеркивания, проценты,…