Создать vue-component страницы. Наверстать страницу используя vue2

Страница состоит из 5 блоков

1. Header - чекбокс с названием тайтла привязать через v-model к параметру is_checked.

2. Блок “Metrics” Таблица на n строк с двумя кнопками и подсчетом суммы параметра “Area”. Первая кнопка должна добавлять новую строку в таблицу путем добавления нового объекта в массив из которого рендерится таблица. Вторая кнопка должна вызывать пустой метод Search(). Таблица состоит из не редактируемых полей, в каждой строке есть кнопка “удалить строку”. Кнопка “удалить строку” должна удалять строку таблицы.

3. Блок “Tax rate and property value”  - таблица на две строки с редактируемыми полями. Tax rate(input), Year(input), comments(input), Property value(input), Year(input), comments(input).  Каждый инпут привязать через v-model к объекту rate_property_values{}

4. Блок “Last home transfer”  - таблица на одну строку с редактируемыми полями. Purchase price (input) , Year(input), Type(select) - заглушка с двумя опциями, comments(input).  Каждый инпут привязать через v-model к объекту last_home_transfer{}

5. Блок “Metrics” Таблица на n строк с редактируемыми полями (инпуты) кнопка “добавить” добавляет новую строку в таблицу. В каждой строке есть кнопка “Удалить строку”.  Поля “Company”, “Agreement number”, Sum issued”, “Annual award”, “comments”  (input) привязать через v-model к массиву insurance[]

Таблицы на n строк отрисовываем с помощью v-for, в редактируемых строках делаем привязку к массиву с помощью v-model.

Для верстки применяем либу https://appstack.bootlab.io/pages-clients.html, из нее берем классы для таблиц, кнопок, селектов и инпутов (нужно будет подключить css локально в проект). Архив будет отправлен на почту. В проекте используется bootstrap5. 

Результаты работы передавать в виде Vue - компонента.

Есть еще много подобных задач, и задач посложнее на перспективу.