Сверстать страницу со списком новостей и страницу с описанием новости.

Желательно использовать фреймворк Vue.js(Nuxt).

Нельзя использовать JQuery 😀

Дизайн

https://www.figma.com/embed?embed_host=notion&url=https%3A%2F%2Fwww.figma.com%2Ffile%2FGMTLnMBh2YgGy41myFdTY6%2FPage-news-%252F-test%3Fnode-id%3D0%253A1

Список новостей приходит GET запросом по адресу:

<https://domotekhnika.ru/api/v1/news?page=1>

Параметр page обязательный - позволяет загружать по 20 новостей за раз.

• По ключу news возвращается массив новостей, содержащихся на переданной странице
• По ключу pageCount возвращается общее количество страниц

Отдельная новость приходит GET запросом по адресу:

<https://domotekhnika.ru/api/v1/news/{slug}>

где slug - человекопонятный идентификатор новости: slug: "besplatnaya-dostavka" - приходит в составе новостей в предыдущем запросе

• По ключу news возвращается объект содержащий данные о новости

  • slug - строка, человекопонятный идентификатор новости: {"slug": "besplatnaya-dostavka"}
  • title - строка, заголовок новости: {"title": "Как оформить онлайн-кредит"}
  • shortText - строка содержащая html код, короткое описание новости "shortText": "Делать покупки через интернет-магазин «Домотехника» легко и просто!"
  • text - строка содержащая html код, полное описание новости {"text": "<p><strong>ВНИМАНИЕ!!!</strong></p>"}
  • datePublish - строка, дата публикации новости: {"datePublish": "2051-15-15"}
  • image - строка, Обложка новости: image": {"http://cdn.domotekhnika.ru/images/news/000/000/439/70f03de673a33ba48d8df5-original.png"}

  Шапка и футер верстаются в виде заглушки

  Так же желательно реализовать пагинацию с подгрузкой новостей при нажатии на кнопку "Показать ещё"

Если есть вопросы пишите в телеграм