⚠️ Deprecated: This project is not actively maintained anymore. Use it at your own risk. The underlying library sass-lint is unmaintained. We recommend using stylelint to lint your single file components directly.

sass-lint-vue

Command line tool to lint Sass styles in Vue single file components. It uses sass-lint under the hood.

Features

• Add a .sass-lint.yml to specify your configuration.
• Disable specific rules or all rules via source.

Installation

npm install sass-lint-vue

Usage

sass-lint-vue [options] <paths|file path ...>

Options

• -h, --help: output usage information
• -V, --version: output the version number

Example

The following example scans the assets directory for .vue files and outputs lint errors in <style> tags with the attribute lang="scss" or lang="sass" set.

sass-lint-vue assets

Development

Build the docker container via:

$ docker build . -t sass-lint-vue

Lint the Component.vue file in the docker container via:

$ docker run --rm -tv $(pwd)/test:/app/test sass-lint-vue test

Access the container via:

$ docker run -it --rm -v $(pwd)/test:/app/test --entrypoint bash sass-lint-vue

Use docker compose to work on the files:

$ docker-compose up
$ docker-compose exec app bash