Skip to content
SiteEmail
  • Confirm eslint.config.js spreads ...gameface.configs["flat/recommended"].
  • Run ESLint from the project root: npx eslint path/to/your-file.html.
  • Check the file extension is covered (.html, .css, .scss, .js, .jsx, .ts, .tsx).
  • Ensure the file is not under ignores (for example dist/**).

Editor shows “unknown property” but ESLint does not

Section titled “Editor shows “unknown property” but ESLint does not”

VS Code and other editors often validate CSS separately from ESLint. coh-* properties for example may look invalid in the editor even when Gameface supports them. Use VS Code custom CSS data or adjust editor CSS lint — not this plugin.

Rules see $variable values as unresolved text, so some property/value checks are skipped on those lines. That is expected; keep critical Gameface constraints in plain CSS or literals where possible.

Relax or disable gameface/html-partial-features, or switch its mode in Configuration:

"gameface/html-partial-features": ["warn", { mode: "tag-warn" }],

The previous workflow was to use HTMLLint and CSS Linter.

Now you can adopt this plugin gradually and stop using previous HTMLLint and CSS Linter. Enable flat/recommended for HTML and CSS first, then expand to JSX/TS in your project if needed. Once you adopted eslint-plugin-gameface you can safely remove HTMLLint and CSS Linter.

Check the exact rule id in the ESLint message (for example gameface/css-no-unsupported-properties) and look it up in Rules reference to see what it enforces and how to turn it off.