open-index/open-npm huggingface dataset:
npm package: @jysperu/vuejs-depprodis
Description: Componente VueJS de DepProDis
Latest version: 1.0.5

# Componente DepProDis para VueJS

Genera un interfaz de selectores para obtener el departamento, provincia y distrito

## Instalación

### CDN

```html
<script src="https://unpkg.com/@jysperu/vuejs-depprodis@latest/dist/depprodis.umd.js"></script>
```

### NPM

```bash
npm i @jysperu/vuejs-depprodis
```

## Uso

### Import

```js
import depprodis from "@jysperu/vuejs-depprodis";
```

### Require

```js
const depprodis = require("@jysperu/vuejs-depprodis");
```

### Browser

```js
const { DepProDis } = JCore.VueJS;
```

### Ejemplo

```vue
<template>
  <depprodis v-model="data" />
</template>

<script setup>
// Obtener el componente
import depprodis from "@jysperu/vuejs-depprodis";

// Variable que aloja el departamento, provincia y distrito
import { ref } from "vue";
const data = ref({
  departamento: null,
  provincia: null,
  distrito: null,
});
</script>
```
npm package: @jysperu/vuejs-imageinput
Description: Componente VueJS de ImageInput
Latest version: 1.1.0

# Componente ImageInput para VueJS

## Instalación

### CDN

```html
<script src="https://unpkg.com/@jysperu/vuejs-imageinput@latest/dist/imageinput.umd.js"></script>
```

### NPM

```bash
npm i @jysperu/vuejs-imageinput
```

## Uso

### Import

```js
import imageinput from "@jysperu/vuejs-imageinput";
```

### Require

```js
const imageinput = require("@jysperu/vuejs-imageinput");
```

### Browser

```js
const { ImageInput } = JCore.VueJS;
```

### Ejemplo Básico

```vue
<template>
  <imageinput v-model="imagen" />
</template>

<script setup>
// Obtener el componente
import imageinput from "@jysperu/vuejs-imageinput";

// Variable que aloja la imágen
import { ref } from "vue";
const imagen = ref(null);
</script>
```

### Ejemplo Avanzado

```vue
<template>
  <imageinput 
    v-model="imagen" 
    :circle="true" 
    :max-size="5" 
    :quality="0.9" 
    :disabled="false" 
    placeholder="Selecciona una foto de perfil"
    objeto="foto de perfil"
    accept=".jpg,.png,.webp"
    :alw-camera="true"
  />
</template>

<script setup>
import imageinput from "@jysperu/vuejs-imageinput";
import { ref } from "vue";

const imagen = ref("https://example.com/default-image.jpg");
</script>
```

## Props

| Prop | Tipo | Default | Descripción |
|------|------|---------|-------------|
| id | String | "imageinput" | ID único del componente |
| name | String | - | Nombre del campo para formularios |
| required | Boolean | false | Si el campo es requerido |
| modelValue | String | null | Valor del modelo (URL de la imagen) |
| bgempty | String | URL de placeholder | Imagen de fondo cuando no hay imagen |
| objeto | String | "imágen" | Nombre del objeto para textos (e.g., "foto", "imagen") |
| accept | String | ".png, .jpg, .jpeg, .webp" | Tipos de archivo aceptados |
| alw-camera | Boolean | true | Permitir tomar fotos con cámara |
| circle | Boolean | false | Mostrar como círculo |
| max-size | Number | 10 | Tamaño máximo en MB |
| quality | Number | 0.8 | Calidad de compresión (0-1) |
| disabled | Boolean | false | Deshabilitar el componente |
| placeholder | String | "" | Texto alternativo para accesibilidad |

## Eventos

| Evento | Descripción |
|--------|-------------|
| update:modelValue | Se emite cuando cambia el valor |
| change | Se emite cuando cambia la imagen |

## Dependencias

- Vue 3
- Bootstrap 5
- jQuery
- toastr
- JFile (para drag & drop)
npm package: @jysperu/vuejs-padnumerico
Description: Componente VueJS de PadNumerico
Latest version: 1.0.4

# Componente PadNumerico para VueJS

## Instalación

### CDN

```html
<script src="https://unpkg.com/@jysperu/vuejs-padnumerico@latest/dist/padnumerico.umd.js"></script>
```

### NPM

```bash
npm i @jysperu/vuejs-padnumerico
```

## Uso

### Import

```js
import padnumerico from "@jysperu/vuejs-padnumerico";
```

### Require

```js
const padnumerico = require("@jysperu/vuejs-padnumerico");
```

### Browser

```js
const { PadNumerico } = JCore.VueJS;
```

### Ejemplo

```vue
<template>
  <padnumerico v-model="valor" />
</template>

<script setup>
// Obtener el componente
import padnumerico from "@jysperu/vuejs-padnumerico";

// Variable que aloja la imágen
import { ref } from "vue";
const valor = ref(100);
</script>
```
npm package: @jysperu/vuejs-tagify
Description: Componente VueJS de tagify
Latest version: 1.0.1

# Componente Tagify para VueJS

## Instalación

### CDN

```html
<script src="https://unpkg.com/@jysperu/vuejs-tagify@latest/dist/tagify.umd.js"></script>
<link href="https://unpkg.com/@jysperu/vuejs-tagify@latest/dist/tagify.css" rel="stylesheet"/>
```

### NPM

```bash
npm i @jysperu/vuejs-tagify
```

## Uso

### Import

```js
import tagify from "@jysperu/vuejs-tagify";
```

### Require

```js
const tagify = require("@jysperu/vuejs-tagify");
```

### Browser

```js
const { tagify } = JCore.VueJS;
```

### Ejemplo

```vue
<template>
  <tagify v-model="valor" />
</template>

<script setup>
// Obtener el componente
import tagify from "@jysperu/vuejs-tagify";

// Variable que aloja la imágen
import { ref } from "vue";
const valor = ref(null);
</script>
```