@tresinternet/stylelint-config-vue3

This package contains the Stylelint configuration for Vue3-projects developed by TRES internet.

Installation

npm install @tresinternet/stylelint-config-vue3 --save-dev

All required packages are installed automatically

Usage

.stylelintrc

Create a .stylelintrc-file with the following contents:

{
	"extends": [
		"@tresinternet/stylelint-config-vue3"
	]
}

Vue-files / VS Code

Use these settings in your project located in <project>/.vscode/settings.json:

{
	...
	"css.validate": false,
	"less.validate": false,
	"scss.validate": false,
	"stylelint.validate": [
		"css",
		"scss",
		"vue"
	]
}

As seperate task

Add the following command to the scripts-section of your package.json-file:

"stylelint": "stylelint \"src/**/*.{css,scss,vue}\"",
"stylelint-fix": "stylelint \"src/**/*.{css,scss,vue}\" --fix"

Rules

Rules are subject to change, depending on developer preferences.

Vue2

These settings should also work for Vue2.