<img src="https://github.com/witheslint/static/raw/main/icons/witheslint.svg" alt="witheslint" align="right" width="140" height="140">

<p>
  <a href="https://deepwiki.com/witheslint/witheslint"><img src="https://deepwiki.com/badge.svg" alt="Ask DeepWiki"></a>
  <a href="https://npmjs.com/package/@witheslint/preset-vue"><img src="https://img.shields.io/npm/v/@witheslint/preset-vue?style=flat&colorA=0B0B0B&colorB=1FA669&label=version" alt="Version"></a>
  <a href="https://github.com/witheslint/witheslint/blob/main/LICENSE"><img src="https://img.shields.io/github/license/witheslint/witheslint.svg?style=flat&colorA=0B0B0B&colorB=1FA669&label=license" alt="License"></a>
</p>

✨ The vue preset for `witheslint`.

## Usage

For the easiest setup experience, we recommend using the main [`witheslint`](../../witheslint) package. Alternatively, compose with `@witheslint/core` directly:

```ts
import { defineConfig } from '@witheslint/core'
import { presetVue } from '@witheslint/preset-vue'

export default defineConfig({ presets: [presetVue()] })
```

## Included Plugins

| Prefix        | Plugin & Parser                                                  | Description                    |
|---------------|------------------------------------------------------------------|--------------------------------|
| `vue/*`       | [eslint-plugin-vue](https://github.com/vuejs/eslint-plugin-vue)  | Vue-specific linting rules     |
| `-`           | [vue-eslint-parser](https://github.com/vuejs/vue-eslint-parser)  | Parser for `.vue` files        |

## Exports

- `presetVue()` — preset factory
- `GLOB_VUE` — `'**/*.vue'`
- `EXTENSION_VUE` — `'.vue'`
