# @ahm-zobyer/vue-3-pagination

> Simple pagination component for vue-3

Latest version **1.0.3** (published 2022-10-13) · MIT license · 0 weekly downloads

## Install

```sh
npm install @ahm-zobyer/vue-3-pagination
pnpm add @ahm-zobyer/vue-3-pagination
yarn add @ahm-zobyer/vue-3-pagination
bun add @ahm-zobyer/vue-3-pagination
```

## Health

**Score 25/100 (F)** — status: abandoned.

Positive: has types; esm support; no vulnerabilities.

Warnings: low downloads.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.3 |
| Published | 2022-10-13 |
| First published | 2022-10-13 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 1 |
| Unpacked size | 22.4 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 0 |
| Maintainers | ahm-zobyer |

## Links

- npm: https://www.npmjs.com/package/@ahm-zobyer/vue-3-pagination
- Repository: https://github.com/zobyer/Vue-3-Pagination
- Issues: https://github.com/zobyer/Vue-3-Pagination/issues
- npm.io page: https://npm.io/package/@ahm-zobyer/vue-3-pagination

## Dependencies (1)

- [vue](https://npm.io/package/vue.md) ^3.2.37

## Recent versions

- 1.0.3 (latest) — 2022-10-13
- 1.0.2 — 2022-10-13
- 1.0.1 — 2022-10-13
- 1.0.0 — 2022-10-13

## README

# Vue-3 Pagination

Simple pagination component for vue-3

- [Dependencies](#dependencies)
- [Installation](#installation)
  - [NPM](#npm)
- [Usage](#usage)
- [Api](#api)
  - [Props](#props)
  - [Events](#events)
- [Development](#development)

# Dependencies

- Vue.js (3.2.37). Required.

# Installation

## NPM

    npm install @ahm-zobyer/vue-3-pagination

import the script:

    import { v3Paginate } from "@ahm-zobyer/vue-3-pagination";

import the css:

    import "@ahm-zobyer/vue-3-pagination/dist/style.css";

# Usage

Register the component :

```js
components: {
  v3Paginate;
}
```

```vue
<v3Paginate :totalElement="100" :elementPerPage="10" @onPageClick="getData" />
```

# Api

## Props

| Name             | Type   | Description                                                     |
| ---------------- | ------ | --------------------------------------------------------------- |
| `totalElement`   | Number | (optional) defines total no of data present.                    |
| `elementPerPage` | Number | (optional) defines number data which will be shown on per page. |

### Events

| Name          | Description                                                                     |
| ------------- | ------------------------------------------------------------------------------- |
| `onPageClick` | Triggered when a user changes page. Passes the new `page` index as a parameter. |

# Development

To work on the library locally, run the following command:

install dependencies

```bash
npm i
```

run on local machine

```bash
npm run dev
```

---
_Source: https://npm.io/package/@ahm-zobyer/vue-3-pagination · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._