# @jupa-chile-ls/vue-slider

> Vue slider

Latest version **1.0.0** (published 2022-04-13) · 0 weekly downloads

## Install

```sh
npm install @jupa-chile-ls/vue-slider
pnpm add @jupa-chile-ls/vue-slider
yarn add @jupa-chile-ls/vue-slider
bun add @jupa-chile-ls/vue-slider
```

## Health

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

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.0.0 |
| Published | 2022-04-13 |
| First published | 2022-04-13 |
| Weekly downloads | 0 |
| TypeScript types | none |
| Module format | CommonJS |
| Node | >= 4.0.0 |
| Dependencies | 4 |
| Unpacked size | 873.5 KB |
| Known vulnerabilities | 0 (+1 in 1 direct dependencies) |
| Install scripts | no |
| Maintainers | jupa-chile |

## Links

- npm: https://www.npmjs.com/package/@jupa-chile-ls/vue-slider
- npm.io page: https://npm.io/package/@jupa-chile-ls/vue-slider

## Dependencies (4)

- [vue](https://npm.io/package/vue.md) ^2.5.2
- [vue-router](https://npm.io/package/vue-router.md) ^3.0.1
- [vue-toast-component](https://npm.io/package/vue-toast-component.md) ^2.0.0
- [vue-swiper-component](https://npm.io/package/vue-swiper-component.md) ^2.1.3

## Recent versions

- 1.0.0 (latest) — 2022-04-13

## README

# VUE-SIMPLE-SLIDER

SLIDER VUE



## Installation



```bash
  npm i vue-slider
```
    
## Usage/Examples

```javascript
// nuxt.config.js
plugins: [
    { src: '~/plugins/vue-slider', mode: 'client' },
  ],

// vue-slider.js
import Vue from 'vue'
import { Swiper, Slide } from "vue-swiper-component";

Vue.component('Swiper', Swiper)
Vue.component('Slide', Slide)


// Component
<Swiper v-if="list.length > 0">
  <Slide v-for="(item,index) in list" :key="index">
  </Slide>
</Swiper>

```

## API

| Prop          | Funcionalidad                    | Default value |
| ------------- | ------------------------ | ---- |
| autoPlay      | rotar automáticamente             | true |
| showIndicator | mostrar el punto del carrusel     | true |
| interval      | frecuencia desplazamiento     | 2500 |
| duration      | duración | 500  |

```javascript
✅  Funcionalidades Swiper : <Swiper ref="swiper"></Swiper>

    ✅  this.$refs.swiper.prevSlide();  anterior
    ✅  this.$refs.swiper.nextSlide();  siguiente
    ✅  this.$refs.swiper.slideTo(2);  ir
```

---
_Source: https://npm.io/package/@jupa-chile-ls/vue-slider · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._