open-index/open-npm huggingface dataset:
npm package: @maibornwolff/mwui-vue
Description: Vue specific wrapper for mwui
Latest version: 0.6.6

[![npm](https://img.shields.io/npm/v/@maibornwolff/mwui-vue?color=blue)](https://www.npmjs.com/package/@maibornwolff/mwui-vue)

# The Liberation Machine
## MWUI - Vue Integration

### Get started

Import the library plugin in the `main.js` file:

```bash
npm i @maibornwolff/mwui-stencil
npm i @maibornwolff/mwui-vue
```

```JavaScript
import { MwuiComponents } from '@maibornwolff/mwui-vue';
import '@maibornwolff/mwui-stencil/dist/mwui-stencil/mwui-stencil.css';

createApp(App).use(MwuiComponents).mount('#app');
```

You can then use your components within vue:

```Vue
<template>
  <mw-button test-id="test-id" label="Press here" />
</template>

<script>
import { MwButton } from '@maibornwolff/mwui-vue';

export default {
  name: 'HelloWorld',
  components: {
    MwButton
  }
}
```

### Known Issues

Vue will throw a deprecation error if `slots` are used. This is due to `eslint` misidentifying the slots as outdated Vue 2
syntax.

To disable the error, add the following under `eslintConfig` within the `package.json`:

```json
"rules": {
    "vue/no-deprecated-slot-attribute": "off"
}
```
npm package: @maicol07/eslint-config
Description: Personal ESLint config for my projects. Based on [Airbnb](https://github.com/iamturns/eslint-config-airbnb-typescript), has rules for: - [Mithril](https://www.npmjs.com/package/eslint-plugin-mithril) - [TypeScript](http://github.com/typescript-eslint/type
Author: Maicol Battistini
Latest version: 3.0.0

## ESLint config
Personal ESLint config for my projects.
Based on [Airbnb](https://github.com/iamturns/eslint-config-airbnb-typescript), has rules for:
- [Mithril](https://www.npmjs.com/package/eslint-plugin-mithril)
- [TypeScript](http://github.com/typescript-eslint/typescript-eslint)

## Installation
### NPM
```shell
npm install --save-dev @maicol07/eslint-config
```
### Yarn
```shell
yarn add --dev @maicol07/eslint-config
```

### PNPM (recommended)
```shell
pnpm add -D @maicol07/eslint-config
```
You have to add `*eslint*` to the public-hoist-patterns in your `.npmrc` file to avoid hoisting issues (if you had already it set). Otherwise, it's all handled by PNPM.

## Usage
Add this to your `.eslintrc` file:
```json
{
  "extends": "@maicol07"
}
```

## License
MIT

## Contributing
Feel free to open an issue or a PR.

## Credits
- [TypeScript](https://www.typescriptlang.org/)
- [Mithril](https://mithril.js.org/)
- [ESLint](https://eslint.org/)
- [Inertia](https://inertiajs.com/)
- [PNPM](https://pnpm.io/)