https://github.com/oumoussa98/vue3-infinite-loading

Infinite scroll component compatible with vuejs-3 and vitejs
https://github.com/oumoussa98/vue3-infinite-loading

infinite infinite-loading infinite-scroll infinite-scroll-plugin scroller vitejs vuejs vuejs3

Last synced: 28 days ago
JSON representation

Infinite scroll component compatible with vuejs-3 and vitejs

• Host: GitHub
• URL: https://github.com/oumoussa98/vue3-infinite-loading
• Owner: oumoussa98
• Created: 2021-09-30T19:41:09.000Z (about 3 years ago)
• Default Branch: main
• Last Pushed: 2024-08-26T23:50:40.000Z (2 months ago)
• Last Synced: 2024-09-28T23:02:03.769Z (about 1 month ago)
• Topics: infinite, infinite-loading, infinite-scroll, infinite-scroll-plugin, scroller, vitejs, vuejs, vuejs3
• Language: Vue
• Homepage: https://vue3-infinite-loading.netlify.app/
• Size: 729 KB
• Stars: 189
• Watchers: 3
• Forks: 31
• Open Issues: 20
• Metadata Files:
  • Readme: README.md
  • Funding: .github/FUNDING.yml

Awesome Lists containing this project

• awesome-morocco - vue3 infinite loading - infinite-loading.svg?style=social)](https://github.com/oumoussa98/vue3-infinite-loading/stargazers) - An infinite scroll component compatible with vue.js 3 and vite, to help you implement an infinite scroll list more easily. By [@oumoussa98](https://github.com/oumoussa98) (Uncategorized / Uncategorized)

README

        
 vue 3 infinite loading 



  

  

  



## Intro

An infinite scroll component compatible with vue.js 3 and vite, to help you implement an infinite scroll list more easily.

## Features

- Lightweight and simple to use

- Internal spinner

- 2-directional support (Top and bottom)

## Install

```Bash

npm install v3-infinite-loading

```

## Basic usage

register globally:

```JavaScript

import InfiniteLoading from "v3-infinite-loading";

import "v3-infinite-loading/lib/style.css"; // required if you're not going to override default slots

const app = createApp(App);

app.component("infinite-loading", InfiniteLoading);

app.mount("#app");

```

usage in SFC with script setup:

```html

  import InfiniteLoading from "v3-infinite-loading";

  import "v3-infinite-loading/lib/style.css"; // required if you're not going to override default slots

  

```

## Browser usage

```html

  

    

    

    

  

  

    


      

    

    

      const { ref, createApp } = Vue;

      const app = createApp({

        // your app

      });

      app.component("infinite-loading", V3InfiniteLoading.default);

      app.mount("#app");

    

  


```

### Checkout a full working example on [codepen](https://codepen.io/oumoussa98/pen/GRxNxBr) or [github gists](https://gist.github.com/oumoussa98/7184e74bab47d78a60a8bdf0aea68d96)

## Usage & Guide

Documentation available on [v3-infinite-loading Netlify](https://vue3-infinite-loading.netlify.app/)

Check out live demo [v3-infinite-loading-demo Netlify](https://vue3-infinite-loading-demo.netlify.app/)

## Changelog

Detailed changes for each release are documented in the [release notes](https://github.com/oumoussa98/vue3-infinite-loading/releases).

## Contribution

Comming soon

## Licence

The MIT License (MIT)