npmpackage.info

Gathering detailed insights and metrics for @ts-pro/vue-eternal-loading

@ts-pro/vue-eternal-loading - 1.3.1 | npmpackage.info

@ts-pro/vue-eternal-loading

Vue 3 infinity loading component

1.3.1

MIT

TypeScript

33.59 kB

Installations

npm install @ts-pro/vue-eternal-loading

Developer Guide

BETA

Typescript

Yes

Module System

CommonJS, ESM

Node Version

16.20.0

NPM Version

9.6.6 Pull Requests

Open

0

Total

5

Closed

0

Merged

5

Issues

Open

0

Total

15

Closed

15

Releases

Release 1.3.1

v1.3.1

Updated on Jun 29, 2023

Release 1.3.0

v1.3.0

Updated on Sep 22, 2022

Release 1.3.0-beta.0

v1.3.0-beta.0

Updated on Sep 05, 2022

Release 1.2.0

v1.2.0

Updated on Dec 27, 2021

Release 1.1.1

v1.1.1

Updated on Oct 08, 2021

Release 1.1.0

v1.1.0

Updated on Oct 08, 2021

View All 7 releases

Languages

TypeScript

Vue

HTML

JavaScript

TypeScript (44.31%)

Vue (31.82%)

HTML (14.56%)

JavaScript (9.31%)

Developer

ts-pro

Download Statistics

Total Downloads

Last Day

Last Week

Last Month

Last Year

GitHub Statistics

MIT License

63 Stars

36 Commits

5 Forks

1 Watchers

2 Branches

4 Contributors

Updated on Sep 01, 2024

Maintainers

View All 4 Contributors

Package Meta Information

Latest Version

1.3.1

Package Id

@ts-pro/vue-eternal-loading@1.3.1

Unpacked Size

33.59 kB

Size

9.55 kB

File Count

NPM Version

9.6.6

Node Version

16.20.0

Published on

Jun 29, 2023

Total Downloads

Cumulative downloads

Total Downloads

NaN

Last Day

NaN

Compared to previous day

Last Week

NaN

Compared to previous week

Last Month

NaN

Compared to previous month

Last Year

NaN

Compared to previous year

Weekly Downloads

Monthly Downloads

Yearly Downloads

🇺🇦 vue-eternal-loading

The Infinity loading component is written in TypeScript for Vue 3. No dependencies.

Features:

4 directional ( top / left / right / bottom)
4 loading states ( loading / no-more / no-results / error )
Custom markup & styles
Works in browsers & bundlers
SSR friendly

Installation:

Yarn

yarn add @ts-pro/vue-eternal-loading

Npm

npm install @ts-pro/vue-eternal-loading

Browser

1<head>
2    <!-- Vue 3 must be loaded before `vue-eternal-loading` -->
3    <script src="https://cdn.jsdelivr.net/gh/ts-pro/vue-eternal-loading/dist/vue-eternal-loading.umd.js"></script>
4</head>

Simple usage:

1<VueEternalLoading :load="load"></VueEternalLoading>

1const PAGE_SIZE = 5;
2
3// We need to pass this method to the component,
4// and it will be called automatically when needed.
5async function load({ loaded }) {
6  // Load your data from the server or any other source.
7  const loadedItems = await loadItems(page);
8  items.value.push(...loadedItems);
9  page += 1;
10  // Call the `loaded` callback with 2 arguments:
11  // 1. The number of items we have loaded
12  // 2. Our page size to know when we have reached the end
13  loaded(loadedItems.length, PAGE_SIZE);
14}

Guide & demo:

Check out our vue-eternal-loading docs

Releases

List releases vue-eternal-loading releases

Vue2 support

Our component is specifically designed for Vue 3. If you are looking for a solution for Vue 2, you can check out this library vue-infinite-loading.

Issue

Please feel free to create an issue or submit a feature request vue-eternal-loading issues

License

MIT License

No vulnerabilities found.

No security vulnerabilities found.

@ts-pro/vue-eternal-loading

Installations

Developer Guide

Yes

CommonJS, ESM

16.20.0

9.6.6

Pull Requests

0

5

0

5

Issues

0

15

15

Releases

Languages

Developer

ts-pro

Download Statistics

GitHub Statistics

Maintainers

Package Meta Information

Total Downloads

NaN

Weekly Downloads

Monthly Downloads

Yearly Downloads

Peer Dependencies

Dev Dependencies

🇺🇦 vue-eternal-loading

Features:

Installation:

Simple usage:

Guide & demo:

Releases

Vue2 support

Issue

License