Alex

1. Для упрощения кода. Скажем, чтобы не писать каждый раз всю конструкцию аля

   axios.get(ENDPOINT + '/api/' + API_METHOD, {
     params: {
       id
     }
   })
   .catch
   ...

   
   Делается обёртка, условная функция getUser(id). В неё выносится вся логика по работе с запросом, определение маршрутов АПИ, обработка ошибки и так далее. Наружу торчит только одна функция и параметр.
   
2. При работе с TS это проще типизировать. Намного легче описать типы принимаемых параметров и возвращаемый тип для нескольких функций, чем описывать универсальную конструкцию для доступа к любым методам апи.
   
3. Ну и наконец: сервис можно вызывать прямо в компонентах. Вызывать методы АПи не обязательно внутри Vuex. Доже чаще это должно выполняться внутри отдельных компонентов, каждый из которых работает с одним-двумя апи, а не со всем набором.
   

1. Не вставлять одну из секций для устройств. например по условию wp_is_mobile.
   
2. На клиенте, удалять один из блоков посредством JS.
   

fetch( location.href )
.then(r => r.text())
.then(html => {
 // html -- HTML код текущей страницы. Так если бы мы просто обновили страницу.
})

const template = document.createElement('template')
template.innerHTML = html

const selector = '.posts-container' // Селектор элемента который нужно обновить

document
  .querySelector(selector)
  .replaceWith(
    template.content.querySelector(selector)
  )