Home

Awesome

eslint-config-xo-vue

<p align="center"> <a href="https://travis-ci.com/ChocPanda/eslint-config-xo-vue" alt="Travis-CI"> <img src="https://travis-ci.com/ChocPanda/eslint-config-xo-vue.svg?branch=master"/> </a> <a href="https://david-dm.org/ChocPanda/eslint-config-xo-vue" alt="dependencies"> <img src="https://david-dm.org/ChocPanda/eslint-config-xo-vue.svg"/> </a> <a href="https://www.npmjs.com/package/eslint-config-xo-vue" alt="npm"> <img alt="npm" src="https://img.shields.io/npm/v/eslint-config-xo-vue.svg?label=npm%40latest&style=popout"> </a> <a href="https://github.com/ChocPanda/eslint-config-xo-vue/blob/master/LICENSE" alt="license"> <img src="https://img.shields.io/github/license/ChocPanda/eslint-config-xo-vue.svg?style=popout"/> </a> <a href="https://github.com/xojs/xo" alt="XO code style"> <img src="https://img.shields.io/badge/code_style-XO-5ed9c7.svg"/> </a> <a href="http://commitizen.github.io/cz-cli/" alt="Commitizen friendly" > <img src="https://img.shields.io/badge/commitizen-friendly-brightgreen.svg"/> </a> <a href="https://github.com/semantic-release/semantic-release" alt="semantic-release"> <img src="https://img.shields.io/badge/%20%20%F0%9F%93%A6%F0%9F%9A%80-semantic--release-e10079.svg"/> </a> <a href="https://greenkeeper.io/" alt="Greenkeeper badge" > <img src="https://badges.greenkeeper.io/ChocPanda/eslint-config-xo-vue.svg"/> </a> </p>

ESLint shareable config for vue to be used with eslint-config-xo

Install

To use with an eslint:

$ npm install --save-dev eslint-config-xo eslint-config-xo-vue eslint-plugin-vue
$ yarn add --dev eslint-config-xo eslint-config-xo-vue eslint-plugin-vue

I recommend using with xo

Usage

Add some ESLint config to your package.json:

{
	"name": "my-awesome-project",
	"eslintConfig": {
		"extends": [
			"xo",
			"xo-vue"
		]
	}
}

Or to .eslintrc:

{
	"extends": [
		"xo",
		"xo-vue"
	]
}

Use the space sub-config if you want 2 space indentation instead of tabs:

{
	"extends": [
		"xo",
		"xo-vue/space"
	]
}

You can also mix it with a XO sub-config:

{
	"extends": [
		"xo/esnext",
		"xo-vue"
	]
}

WARNING

When running eslint be sure to add the --ext vue command line param

Tip

Use with XO

$ npm install --save-dev xo eslint-config-xo-vue eslint-plugin-vue
$ yarn add --dev xo eslint-config-xo-vue eslint-plugin-vue
{
	"name": "my-awesome-project",
	"xo": {
		"extends": "xo-vue",
		"extensions": ["js", "vue"]
	}
}

Known Issues

Hoping you'll report any you find, checkout github issues

Related

Contributions

See our contributing doc, be sure to checkout the code of conduct

Conventional Commits

This project uses conventional commits to manage versions and releases of the library therefore when making a commit please use yarn commit <COMMIT_PARAMETERS> and this will guide you through writing a conventional commit message which can be understood work with the ci pipeline