@1password/front-end-style

Config for 1Password front-end code style using Prettier, ESLint, and Stylelint

Usage no npm install needed!

<script type="module">
  import 1passwordFrontEndStyle from 'https://cdn.skypack.dev/@1password/front-end-style';
</script>

README

1Password Front-End Style

This package contains config for 1Password front-end code style using Prettier, TSLint, and Stylelint.

Usage

After installing, you'll need to configure your project to use these styles:

Prettier

Add to your package.json file:

"prettier": "@1password/front-end-style/prettierrc.json"

TSLint

Create a tslint.yml file:

---
extends:
  - "@1password/front-end-style/tslint.yml"

Stylelint

Add to your package.json file:

"stylelint": {
    "extends": "@1password/front-end-style/stylelintrc.yml"
}

SVG Lint

A basic SVG linting tool is included as well, which checks for unnecessary line breaks and tags.

Run with svglint [directory]

IDE Extensions

You should also install the related IDE extensions so you can see issues (and sometimes get them auto-fixed) as you code.