Как реализовать lazy load с изменением url? Как менять url без фактического перехода?

Как реализовать функцию на вебсайте, когда страница прокручивается вниз и автоматически подгружается новый конент и меняется url?

Вот к примеру есть такое:

data () {
  return {
    articles: [
      {title: 'Article One', slug: 'article-one'},
      {title: 'Article Two', slug: 'article-two'}
    ]
  }
}

<component :data="articles[0]" :is="slug"></component>

Если я делаю на скролл что-то вроде

this.$router.push('/article-two')

То происходит полный переход по динамическому рауту, т.е. просто обновляется весь компонент. А мне надо чтобы он добавился внизу предыдущего И изменился url.

Пример того о чем я говорю можно увидеть например на life.ru. При переходе на любую статью и прокрутку до конца.