Skip to content

Latest commit

 

History

History
57 lines (41 loc) · 2.86 KB

README.md

File metadata and controls

57 lines (41 loc) · 2.86 KB

@movable/template-lint-plugin

CI

This is a collection of custom ember-template-lint rules written for and used at Movable Ink.

Rules

Name Description
no-expression-like-strings Catch strings that you probably meant to be Handlebars expressions
no-forbidden-elements Catch <b>, <i> that you probably meant to be <strong>, <em> expressions
require-purgeable-class-names Require class names are written such that they can be detected by PurgeCSS
svg-aria-required Require all svgs to have aria label attributes

Configurations

The following sets of rules are available for your ember-template-lint configuration to extend from:

Name Description
avoid-possible-typos Rules meant to catch possible typos in your templates
avoid-deprecated-elements Rules meant to catch <b> and <i> tags, use <strong> and <em>
svg-aria-required Rules meant to catch svgs without an aria-label or aria-labelledby
base The base set of rules used across all Movable Ink projects

Usage

Start with installing this package into your Ember application

yarn add -D @movable/template-lint-plugin

Then, include the plugin in your .template-lintrc.js

// .template-lintrc.js

module.exports = {
  plugins: ['@movable/template-lint-plugin'],

  extends: [
    // You can extend a whole set of rules
    '@movable/template-lint-plugin:avoid-possible-typos',
    '@movable/template-lint-plugin:avoid-deprecated-elements',
    '@movable/template-lint-plugin:svg-aria-required',
  ],

  rules: [
    // ... Or just the ones you want
    ('no-expression-like-strings': true),
  ],
};