@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

Stylelint config file

Create a stylelint.config.mjs-file with the following contents:

/** @type {import('stylelint').Config} */
export default {
	extends: ['@tresinternet/stylelint-config-vue3'],
	rules: {
	},
}

See https://stylelint.io/user-guide/get-started for more information.

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.