open-index/open-npm huggingface dataset:
npm package: @laragle/form
Description: Vue form wrapper
Author: Darwin Luague
Latest version: 1.0.3

# form
Vue form wrapper.

### Installation
```bash
npm install @laragle/form
```

### Usage

```vue
<template>
  <div>
    <h3>Login</h3>
    <input type="email" v-model="form.email" />
    <div class="error" v-if="form.errors.has('email')">{{ form.errors.get('email') }}</div>
    <input type="password" v-model="form.password" />
    <div class="error" v-if="form.errors.has('password')">{{ form.errors.get('password') }}</div>
    <button @click="login" >Login</button>
  </div>
</template>

<script>
  import axios from 'axios';
  import form from '@laragle/form';
  
  export default {
    data() {
      return {
        form: new Form({
          email: '',
          password: ''
        })
      }
    },
    methods: {
      login() {
        this.form.errors.clear();
        axios.post('/login', this.form.payload())
             .then(({ data }) => {
                this.form.reset();
             })
             .catch((error) => {
                this.form.errors.record(error);
             })
      }
    }
  }
</script>
```
npm package: @laragle/input
Description: Vue input component.
Author: Darwin Luague
Latest version: 1.0.5

# Laragle Input
Vue input component

![](laragle-input.gif)

# Installation
```bash
npm install @laragle/input
```

# Usage
```javascript
import input from '@laragle/input';

Vue.use(input);
```
In your vue component
```html
<template>
    <div style="padding: 20px;width:500px;border:1px solid #ccc;margin: auto;">
        <h2>Register</h2>
        <laragle-input placeholder="Name" focus v-model="name"/>
        <laragle-input placeholder="Email" type="email" :error="emailError" @updated="handleEmailUpdated" v-model="email"/>
        <laragle-input placeholder="Password" type="password" helpText="Password must be at least 6 characters." v-model="password"/>
        <div style="margin-top: 30px;text-align: right;"><button>Create Account</button></div>
    </div>
</template>

<script>
    export default {
        data() {
            return {
                name: '',
                email: '',
                password: '',
                emailError: 'Invalid email address'
            }
        },
        methods: {
            handleEmailUpdated() {
                this.emailError = null;
            }
        }
    }
</script>
```
npm package: @laragle/translate
Description: Laragle Translate real-time support.
Author: Darwin Luague
Latest version: 0.0.6

## Laragle Translate Real-time support
Laragle Translate is a Laravel localization management system that will update your localization files in real-time.


## Installation

You can install the package via yarn:

```bash
yarn add @laragle/translate
```

or npm:

```bash
npm install @laragle/translate --save
```

Lastly, add the following javascript code.

```js
import Translate from '@laragle/translate';

new Translate({
    key: 'b83ca2ed4a1a4e39b2b3',
    channel: 'APP_ID', // Your Laragle Translate app id.
    authEndpoint: 'https://api.translate.laragle.com/broadcasting/auth',
    appUrl: 'APP_URL' // Your Laravel backend URL.
});
```

You can get your APP_ID by creating a project [here](https://translate.laragle.com)


## License

The MIT License (MIT). Please see [License File](LICENSE) for more information.