stylelint-unocss-plugin

stylelint-unocss-plugin

Set (in the future) of rules to extend unocss support in stylelint

Install

pnpm install stylelint-unocss-plugin

npm install stylelint-unocss-plugin

yarn add stylelint-unocss-plugin

Usage

Default

/** @type {import('stylelint').Config} */
export default {
  plugins: ['stylelint-unocss-plugin'],
  rules: {
    'stylelint-unocss-plugin/no-missconfigured-theme-fn': true,
  },
}

With options

/** @type {import('stylelint').Config} */
export default {
  plugins: ['stylelint-unocss-plugin'],
  rules: {
    'stylelint-unocss-plugin/no-missconfigured-theme-fn': [
      true,
      {
        cwd: 'path/to/projectRoot',
        path: 'uno.config.ts',
      },
    ],
  },
}

Currently, only cwd and path options are supported.

See: UnoCSS Config

Rules

no-missconfigured-theme-fn

Highlights errors, caused by utilizing absent token inside theme() functions

Normal

Error

VS Code limitations

vscode-stylelint doesn't watch for changes in the uno file, so you'll need to restart Stylelint after changing the config.

To do this, you can press Ctrl+Shift+P and select Stylelint: Restart Stylelint Server.

Changelog

v0.0.1

🚀 Enhancements

• Add theme loading functionality, Implement caching utility for Promise storage and retrieval (fc35394)

📖 Documentation

• Add readme md (1410356)
• Small text improvements (a86f0dc)
• Update README.md with rule preview (f0b9264)

🏡 Chore

• Init project (826a874)
• Improve error message for missing theme token (0c3ce2c)
• Add changelogen (5f65c89)

❤️ Contributors

• Andrei Elkin [e-mail]