Infinite scroll component in vue

Infinite scroll component made in Vue & SASS CSS

This is just an example of how to create infinite scroll behavior from an array items list.

After create a project with in Vue, we'll need these files:

src
  ├── assets
  ├── components
  ├── store
  ├── app
  └── main.js

<template>
  <div class="infscroll__container">
    <div id="infinite-list" class="infscroll__items">
      <transition name="fade">
        <div class="infscroll__loader-bg" v-show="showLoading">
          <div class="infscroll__loader"></div>
        </div>
      </transition>
      <slot></slot>
      <ButtonFan
        v-show="isMobile"
        @btnClick="loadMore()"
        text="Load more ..."
        ui="primary infscroll"
      />
    </div>
  </div>
</template>