selects

Стек:

1. Vue.js 3 + Composition Api
2. Typescript
3. Pinia
4. Любой UI фреймворк

Логика работы формы:

1. По нажатию кнопки "+" в конец учётных записей, добавляется новая пустая запись, состоящая из: Метки, Типа записи, Логина, Пароля.
2. При нажатии кнопки удаления учётная запись должна полностью удалиться.
3. По окончанию ввода значений в поля учётной записи происходит валидация обязательных полей. В случае валидности - учётная запись сохраняется / обновляется, в обратном - поля обозначаются красной обводкой.
4. Все поля сохраняются в текстовом виде, кроме поля Метка. Оно должно преобразовываться в массив, где один элемент это строковое значение до ;. В массиве должен лежать объект, где поле text равно одному элементу метки - {{ text: элемент метки }}.
5. Сохранение учётной записи должно происходить в стейт менеджер. При обновлении страницы сохранённые записи должны отображаться.

Project Setup

npm install

Compile and Hot-Reload for Development

npm run dev

Type-Check, Compile and Minify for Production

npm run build

Run Unit Tests with Vitest

npm run test:unit

Lint with ESLint

npm run lint