Canonical ESLint Config
The most comprehensive code style guide.
Canonical consists of 1,000+ rules (40% auto-fixable), some of which are custom written for Canonical. Canonical goal is to reduce noise in code version control and promote use of the latest ES features.
Usage
This package includes the following configurations:
canonical
– The Canonical code style guide.canonical/ava
– for projects that use AVA.canonical/browser
– for projects that use DOM and other browser APIs.canonical/cypress
– for projects that use Cypress.canonical/graphql
– for projects that use GraphQL.canonical/flowtype
– for projects that use Flowtype.canonical/jest
– for projects that use jest.canonical/json
– for projects that use JSON.canonical/jsx-a11y
– for projects that use React and want to include accessibility checks.canonical/lodash
– for projects that use lodash.canonical/mocha
– for projects that use Mocha.canonical/module
– for projects that use ESM modules.canonical/next
– for projects that use Next.js.canonical/node
– for projects that use Node.js.canonical/react
– for projects that use React.canonical/typescript
– for projects that use TypeScript.canonical/yaml
– for projects that use YAML.
Example configuration
For maximum efficiency, use overrides to only apply relevant style guides. This reduces the linting time and the number of false-positives.
This is an example configuration of a React project using TypeScript and Jest:
{
"extends": [
"canonical"
],
"overrides": [
{
"extends": [
"canonical/typescript"
],
"files": "*.ts",
"parserOptions": {
"project": "./tsconfig.json"
}
},
{
"extends": [
"canonical/react",
"canonical/jsx-a11y",
"canonical/typescript"
],
"files": "*.tsx",
"parserOptions": {
"project": "./tsconfig.json"
}
},
{
"extends": [
"canonical/jest"
],
"files": "*.test.{ts,tsx}",
"parserOptions": {
"project": "./tsconfig.json"
}
},
{
"extends": [
"canonical/json"
],
"files": "*.json"
},
{
"extends": [
"canonical/yaml"
],
"files": "*.yaml"
},
{
"extends": [
"canonical/graphql"
],
"files": "*.graphql"
}
],
"root": true
}
Compatibility with Prettier
For the most part, Prettier and Canonical are already compatible. There are only a few transformations that are incompatible, e.g. Prettier enforces line-length and Canonical does not. As such, there is no good reason to use both. However, if you just want to disable conflicting rules, you can use canonical/prettier
to do that. Just add it as the last config in your extends
configuration, e.g.
{
"extends": [
"canonical",
"canonical/react",
"canonical/typescript",
"canonical/jest",
"canonical/prettier"
]
}
This configuration disables all Canonical rules that conflict with Prettier.
Compatibility with other style guides
Since Canonical style guide includes more rules than any other style guide, you can have your codebase compatible with a specific style guide (e.g. airbnb) and benefit from Canonical for rules that are not covered by the other guide. All you have to do is extend from Canonical before extending from the desired style guide, e.g.
{
"extends": [
"canonical",
"canonical/react",
"airbnb"
]
}
Integrations
Visual Studio Code
Use the dbaeumer.vscode-eslint extension that Microsoft provides officially.
Example .vscode/settings.json
:
{
"eslint.validate": [
"javascript",
"javascriptreact",
"json",
"typescript",
"typescriptreact",
"yaml"
]
}
The setting below turns on Auto Fix for all providers including ESLint:
{
"editor.codeActionsOnSave": {
"source.fixAll": true
},
"editor.formatOnSave": true
}
TypeScript
If you are using TypeScript and experiencing performance issues, you should consider disabling TypeScript rules:
{
"eslint.codeActionsOnSave.rules": [
"!@typescript-eslint/*",
"*"
]
}
This example removes all TypeScript ESLint specific rules from the code action on save pass but keeps all other rules.
Benchmark
Canonical vs Prettier
This benchmark compares running ESLint using Canonical style guide against a project with 3,000+ files VS linting the same project using Prettier.
System:
OS: macOS 11.6
CPU: (16) x64 Intel(R) Core(TM) i9-9980HK CPU @ 2.40GHz
Memory: 64.00 GB
npmPackages:
eslint: 8.1.0
prettier: 2.4.1
As you may expect, Prettier is going to complete checks quicker – this is because it runs a lot fewer transforms and it only runs style checks (as opposed to static analyses).
The first time you run ESLint, it will take significantly more time. However, if you enable --cache
, then the follow up checks will complete in no time.
$ time prettier src
27.06s user
1.74s system
166% cpu
17.335 total
$ eslint --cache src
182.43s user
9.13s system
126% cpu
2:31.22 total
$ eslint --cache src
1.96s user
0.39s system
107% cpu
2.188 total
Using ESLint cache will dramatically improve ESLint running time by ensuring that only changed files are linted. This is useful if you are using ESLint to run pre-commit
/ pre-push
git hooks or otherwise depend on these checks completing in real-time.
Additionally, if performance is a consideration, you may consider:
These options provide near instant feedback just how you are used to when using Prettier.
Table of Comparison
This is how Canonical ruleset compares to other popular configurations.
Emojis:
- 🚨 – error
⚠️ - warning- ❌ - disabled
- 👻 - not in use
- 🛠 - fixable
- ⛔️ – deprecated rule
Configurations:
- CN – Canonical (1020 rules)
- AB – Airbnb (446 rules)
- GG – Google (65 rules)
- SD – Standard (160 rules)
- XO – XO (204 rules)
Versioning Policy
All breaking changes will bump the major version as per the semver convention. Therefore, every new rule addition will increase the major version.
Development
First, run npm install
and then npm run setup-dev
. Then, any time that ESLint dependencies are updated you must:
- Run
npm run generate-typescript-compatibility-rules
script. It disables and override any TypeScript rules that are incompatible with ESLint built-in rules. - Run
npm run compare
script. It generates ruleset comparison table, updates README.md, and identifies rules that are not configured.
Incompatible rules
This section of the documentation highlights differences in configuration between individual rules in each ruleset.
For a high-level overview of differences between rulesets refer to the Table of Comparison.
AirBnb Incompatible Rules
jsx-a11y/anchor-has-content
(back to comparison table 👆)
|
|
---|---|
|
|
jsx-a11y/aria-role
(back to comparison table 👆)
|
|
|
|
jsx-a11y/alt-text
(back to comparison table 👆)
|
|
|
|
jsx-a11y/label-has-associated-control
(back to comparison table 👆)
|
|
|
|
jsx-a11y/control-has-associated-label
(back to comparison table 👆)
|
|
|
|
jsx-a11y/interactive-supports-focus
(back to comparison table 👆)
|
|
|
|
jsx-a11y/heading-has-content
(back to comparison table 👆)
|
|
|
|
jsx-a11y/lang
(back to comparison table 👆)
|
|
|
|
jsx-a11y/no-distracting-elements
(back to comparison table 👆)
|
|
|
|
jsx-a11y/no-static-element-interactions
(back to comparison table 👆)
|
|
|
|
jsx-a11y/no-noninteractive-element-interactions
(back to comparison table 👆)
|
|
|
|
jsx-a11y/no-autofocus
(back to comparison table 👆)
|
|
|
|
jsx-a11y/media-has-caption
(back to comparison table 👆)
|
|
|
|
jsx-a11y/no-interactive-element-to-noninteractive-role
(back to comparison table 👆)
|
|
|
|
jsx-a11y/no-noninteractive-element-to-interactive-role
(back to comparison table 👆)
|
|
|
|
jsx-a11y/no-noninteractive-tabindex
(back to comparison table 👆)
|
|
|
|
jsx-a11y/anchor-is-valid
(back to comparison table 👆)
|
|
|
|
no-underscore-dangle
(back to comparison table 👆)
|
|
|
|
jsx-quotes
(back to comparison table 👆)
|
|
|
|
class-methods-use-this
(back to comparison table 👆)
|
|
|
|
react/forbid-prop-types
(back to comparison table 👆)
|
|
|
|
react/jsx-boolean-value
(back to comparison table 👆)
|
|
|
|
react/jsx-closing-tag-location
(back to comparison table 👆)
|
|
|
|
react/jsx-max-props-per-line
(back to comparison table 👆)
|
|
|
|
react/jsx-no-bind
(back to comparison table 👆)
|
|
|
|
react/jsx-no-duplicate-props
(back to comparison table 👆)
|
|
|
|
react/jsx-pascal-case
(back to comparison table 👆)
|
|
|
|
react/no-danger
(back to comparison table 👆)
|
|
|
|
react/prefer-es6-class
(back to comparison table 👆)
|
|
|
|
react/prop-types
(back to comparison table 👆)
|
|
|
|
react/react-in-jsx-scope
(back to comparison table 👆)
|
|
|
|
react/jsx-wrap-multilines
(back to comparison table 👆)
|
|
|
|
react/jsx-indent
(back to comparison table 👆)
|
|
|
|
react/jsx-no-target-blank
(back to comparison table 👆)
|
|
|
|
react/jsx-filename-extension
(back to comparison table 👆)
|
|
|
|
react/no-unused-prop-types
(back to comparison table 👆)
|
|
|
|
react/no-unescaped-entities
(back to comparison table 👆)
|
|
|
|
react/jsx-tag-spacing
(back to comparison table 👆)
|
|
|
|
react/require-default-props
(back to comparison table 👆)
|
|
|
|
react/forbid-foreign-prop-types
(back to comparison table 👆)
|
|
|
|
react/default-props-match-prop-types
(back to comparison table 👆)
|
|
|
|
react/jsx-one-expression-per-line
(back to comparison table 👆)
|
|
|
|
react/destructuring-assignment
(back to comparison table 👆)
|
|
|
|
react/button-has-type
(back to comparison table 👆)
|
|
|
|
react/jsx-curly-newline
(back to comparison table 👆)
|
|
|
|
react/static-property-placement
(back to comparison table 👆)
|
|
|
|
react/jsx-props-no-spreading
(back to comparison table 👆)
|
|
|
|
import/no-unresolved
(back to comparison table 👆)
|
|
|
|
import/named
(back to comparison table 👆)
|
|
|
|
import/no-extraneous-dependencies
(back to comparison table 👆)
|
|
|
|
import/extensions
(back to comparison table 👆)
|
|
|
|
import/order
(back to comparison table 👆)
|
|
|
|
import/prefer-default-export
(back to comparison table 👆)
|
|
|
|
import/no-cycle
(back to comparison table 👆)
|
|
|
|
import/no-useless-path-segments
(back to comparison table 👆)
|
|
|
|
arrow-body-style
(back to comparison table 👆)
|
|
|
|
generator-star-spacing
(back to comparison table 👆)
|
|
|
|
no-confusing-arrow
(back to comparison table 👆)
|
|
|
|
object-shorthand
(back to comparison table 👆)
|
|
|
|
prefer-arrow-callback
(back to comparison table 👆)
|
|
|
|
prefer-const
(back to comparison table 👆)
|
|
|
|
prefer-destructuring
(back to comparison table 👆)
|
|
|
|
prefer-template
(back to comparison table 👆)
|
|
|
|
template-curly-spacing
(back to comparison table 👆)
|
|
|
|
yield-star-spacing
(back to comparison table 👆)
|
|
|
|
no-shadow
(back to comparison table 👆)
|
|
|
|
no-unused-vars
(back to comparison table 👆)
|
|
|
|
no-use-before-define
(back to comparison table 👆)
|
|
|
|
brace-style
(back to comparison table 👆)
|
|
|
|
camelcase
(back to comparison table 👆)
|
|
|
|
comma-style
(back to comparison table 👆)
|
|
|
|
eol-last
(back to comparison table 👆)
|
|
|
|
func-names
(back to comparison table 👆)
|
|
|
|
indent
(back to comparison table 👆)
|
|
|
|
keyword-spacing
(back to comparison table 👆)
|
|
|
|
lines-between-class-members
(back to comparison table 👆)
|
|
|
|
lines-around-directive
(back to comparison table 👆)
|
|
|
|
max-len
(back to comparison table 👆)
|
|
|
|
new-cap
(back to comparison table 👆)
|
|
|
|
newline-per-chained-call
(back to comparison table 👆)
|
|
|
|
no-continue
(back to comparison table 👆)
|
|
|
|
no-mixed-operators
(back to comparison table 👆)
|
|
|
|
no-multiple-empty-lines
(back to comparison table 👆)
|
|
|
|
no-nested-ternary
(back to comparison table 👆)
|
|
|
|
no-plusplus
(back to comparison table 👆)
|
|
|
|
no-spaced-func
(back to comparison table 👆)
|
|
|
|
no-trailing-spaces
(back to comparison table 👆)
|
|
|
|
no-unneeded-ternary
(back to comparison table 👆)
|
|
|
|
nonblock-statement-body-position
(back to comparison table 👆)
|
|
|
|
object-curly-spacing
(back to comparison table 👆)
|
|
|
|
object-curly-newline
(back to comparison table 👆)
|
|
|
|
object-property-newline
(back to comparison table 👆)
|
|
|
|
one-var-declaration-per-line
(back to comparison table 👆)
|
|
|
|
operator-linebreak
(back to comparison table 👆)
|
|
|
|
padded-blocks
(back to comparison table 👆)
|
|
|
|
quote-props
(back to comparison table 👆)
|
|
|
|
quotes
(back to comparison table 👆)
|
|
|
|
space-before-blocks
(back to comparison table 👆)
|
|
|
|
space-before-function-paren
(back to comparison table 👆)
|
|
|
|
space-unary-ops
(back to comparison table 👆)
|
|
|
|
spaced-comment
(back to comparison table 👆)
|
|
|
|
global-require
(back to comparison table 👆)
|
|
|
|
no-buffer-constructor
(back to comparison table 👆)
|
|
|
|
no-new-require
(back to comparison table 👆)
|
|
|
|
no-path-concat
(back to comparison table 👆)
|
|
|
|
getter-return
(back to comparison table 👆)
|
|
|
|
no-await-in-loop
(back to comparison table 👆)
|
|
|
|
no-cond-assign
(back to comparison table 👆)
|
|
|
|
no-console
(back to comparison table 👆)
|
|
|
|
no-constant-condition
(back to comparison table 👆)
|
|
|
|
no-unreachable
(back to comparison table 👆)
|
|
|
|
array-callback-return
(back to comparison table 👆)
|
|
|
|
curly
(back to comparison table 👆)
|
|
|
|
default-case
(back to comparison table 👆)
|
|
|
|
dot-notation
(back to comparison table 👆)
|
|
|
|
eqeqeq
(back to comparison table 👆)
|
|
|
|
max-classes-per-file
(back to comparison table 👆)
|
|
|
|
no-alert
(back to comparison table 👆)
|
|
|
|
no-else-return
(back to comparison table 👆)
|
|
|
|
no-empty-function
(back to comparison table 👆)
|
|
|
|
no-global-assign
(back to comparison table 👆)
|
|
|
|
no-labels
(back to comparison table 👆)
|
|
|
|
no-multi-spaces
(back to comparison table 👆)
|
|
|
|
no-param-reassign
(back to comparison table 👆)
|
|
|
|
no-redeclare
(back to comparison table 👆)
|
|
|
|
no-return-assign
(back to comparison table 👆)
|
|
|
|
no-return-await
(back to comparison table 👆)
|
|
|
|
no-self-assign
(back to comparison table 👆)
|
|
|
|
no-unused-expressions
(back to comparison table 👆)
|
|
|
|
no-void
(back to comparison table 👆)
|
|
|
|
prefer-promise-reject-errors
(back to comparison table 👆)
|
|
|
|
wrap-iife
(back to comparison table 👆)
|
|
|
|
yoda
(back to comparison table 👆)
|
|
|
|
Google Incompatible Rules
valid-jsdoc
(back to comparison table 👆)
|
|
---|---|
|
|
curly
(back to comparison table 👆)
|
|
|
|
no-invalid-this
(back to comparison table 👆)
|
|
|
|
no-unused-vars
(back to comparison table 👆)
|
|
|
|
block-spacing
(back to comparison table 👆)
|
|
|
|
brace-style
(back to comparison table 👆)
|
|
|
|
camelcase
(back to comparison table 👆)
|
|
|
|
comma-dangle
(back to comparison table 👆)
|
|
|
|
comma-spacing
(back to comparison table 👆)
|
|
|
|
comma-style
(back to comparison table 👆)
|
|
|
|
computed-property-spacing
(back to comparison table 👆)
|
|
|
|
func-call-spacing
(back to comparison table 👆)
|
|
|
|
indent
(back to comparison table 👆)
|
|
|
|
key-spacing
(back to comparison table 👆)
|
|
|
|
keyword-spacing
(back to comparison table 👆)
|
|
|
|
linebreak-style
(back to comparison table 👆)
|
|
|
|
max-len
(back to comparison table 👆)
|
|
|
|
new-cap
(back to comparison table 👆)
|
|
|
|
no-multiple-empty-lines
(back to comparison table 👆)
|
|
|
|
object-curly-spacing
(back to comparison table 👆)
|
|
|
|
one-var
(back to comparison table 👆)
|
|
|
|
quote-props
(back to comparison table 👆)
|
|
|
|
quotes
(back to comparison table 👆)
|
|
|
|
require-jsdoc
(back to comparison table 👆)
|
|
|
|
semi
(back to comparison table 👆)
|
|
|
|
semi-spacing
(back to comparison table 👆)
|
|
|
|
space-before-blocks
(back to comparison table 👆)
|
|
|
|
space-before-function-paren
(back to comparison table 👆)
|
|
|
|
switch-colon-spacing
(back to comparison table 👆)
|
|
|
|
generator-star-spacing
(back to comparison table 👆)
|
|
|
|
prefer-const
(back to comparison table 👆)
|
|
|
|
rest-spread-spacing
(back to comparison table 👆)
|
|
|
|
yield-star-spacing
(back to comparison table 👆)
|
|
|
|
Standard Incompatible Rules
no-var
(back to comparison table 👆)
|
|
---|---|
|
|
accessor-pairs
(back to comparison table 👆)
|
|
|
|
array-callback-return
(back to comparison table 👆)
|
|
|
|
brace-style
(back to comparison table 👆)
|
|
|
|
camelcase
(back to comparison table 👆)
|
|
|
|
comma-dangle
(back to comparison table 👆)
|
|
|
|
computed-property-spacing
(back to comparison table 👆)
|
|
|
|
curly
(back to comparison table 👆)
|
|
|
|
dot-notation
(back to comparison table 👆)
|
|
|
|
eqeqeq
(back to comparison table 👆)
|
|
|
|
generator-star-spacing
(back to comparison table 👆)
|
|
|
|
indent
(back to comparison table 👆)
|
|
|
|
lines-between-class-members
(back to comparison table 👆)
|
|
|
|
multiline-ternary
(back to comparison table 👆)
|
|
|
|
new-cap
(back to comparison table 👆)
|
|
|
|
no-constant-condition
(back to comparison table 👆)
|
|
|
|
no-empty
(back to comparison table 👆)
|
|
|
|
no-extra-parens
(back to comparison table 👆)
|
|
|
|
no-labels
(back to comparison table 👆)
|
|
|
|
no-mixed-operators
(back to comparison table 👆)
|
|
|
|
no-multiple-empty-lines
(back to comparison table 👆)
|
|
|
|
no-redeclare
(back to comparison table 👆)
|
|
|
|
no-return-assign
(back to comparison table 👆)
|
|
|
|
no-self-assign
(back to comparison table 👆)
|
|
|
|
no-unneeded-ternary
(back to comparison table 👆)
|
|
|
|
no-unreachable
(back to comparison table 👆)
|
|
|
|
no-unused-expressions
(back to comparison table 👆)
|
|
|
|
no-unused-vars
(back to comparison table 👆)
|
|
|
|
no-use-before-define
(back to comparison table 👆)
|
|
|
|
no-useless-rename
(back to comparison table 👆)
|
|
|
|
no-void
(back to comparison table 👆)
|
|
|
|
object-curly-newline
(back to comparison table 👆)
|
|
|
|
object-curly-spacing
(back to comparison table 👆)
|
|
|
|
object-property-newline
(back to comparison table 👆)
|
|
|
|
one-var
(back to comparison table 👆)
|
|
|
|
operator-linebreak
(back to comparison table 👆)
|
|
|
|
padded-blocks
(back to comparison table 👆)
|
|
|
|
prefer-const
(back to comparison table 👆)
|
|
|
|
quote-props
(back to comparison table 👆)
|
|
|
|
quotes
(back to comparison table 👆)
|
|
|
|
semi
(back to comparison table 👆)
|
|
|
|
spaced-comment
(back to comparison table 👆)
|
|
|
|
use-isnan
(back to comparison table 👆)
|
|
|
|
wrap-iife
(back to comparison table 👆)
|
|
|
|
yield-star-spacing
(back to comparison table 👆)
|
|
|
|
import/no-absolute-path
(back to comparison table 👆)
|
|
|
|
node/handle-callback-err
(back to comparison table 👆)
|
|
|
|
promise/param-names
(back to comparison table 👆)
|
|
|
|
XO Incompatible Rules
comma-dangle
(back to comparison table 👆)
|
|
---|---|
|
|
no-await-in-loop
(back to comparison table 👆)
|
|
|
|
no-constant-condition
(back to comparison table 👆)
|
|
|
|
no-empty
(back to comparison table 👆)
|
|
|
|
no-unreachable
(back to comparison table 👆)
|
|
|
|
no-unsafe-negation
(back to comparison table 👆)
|
|
|
|
no-unsafe-optional-chaining
(back to comparison table 👆)
|
|
|
|
valid-typeof
(back to comparison table 👆)
|
|
|
|
accessor-pairs
(back to comparison table 👆)
|
|
|
|
array-callback-return
(back to comparison table 👆)
|
|
|
|
complexity
(back to comparison table 👆)
|
|
|
|
no-else-return
(back to comparison table 👆)
|
|
|
|
no-redeclare
(back to comparison table 👆)
|
|
|
|
no-return-assign
(back to comparison table 👆)
|
|
|
|
no-return-await
(back to comparison table 👆)
|
|
|
|
no-self-assign
(back to comparison table 👆)
|
|
|
|
no-unused-expressions
(back to comparison table 👆)
|
|
|
|
no-void
(back to comparison table 👆)
|
|
|
|
no-warning-comments
(back to comparison table 👆)
|
|
|
|
prefer-promise-reject-errors
(back to comparison table 👆)
|
|
|
|
prefer-regex-literals
(back to comparison table 👆)
|
|
|
|
wrap-iife
(back to comparison table 👆)
|
|
|
|
yoda
(back to comparison table 👆)
|
|
|
|
no-undef
(back to comparison table 👆)
|
|
|
|
no-unused-vars
(back to comparison table 👆)
|
|
|
|
no-buffer-constructor
(back to comparison table 👆)
|
|
|
|
no-restricted-imports
(back to comparison table 👆)
|
|
|
|
array-bracket-newline
(back to comparison table 👆)
|
|
|
|
array-element-newline
(back to comparison table 👆)
|
|
|
|
camelcase
(back to comparison table 👆)
|
|
|
|
computed-property-spacing
(back to comparison table 👆)
|
|
|
|
func-name-matching
(back to comparison table 👆)
|
|
|
|
indent
(back to comparison table 👆)
|
|
|
|
jsx-quotes
(back to comparison table 👆)
|
|
|
|
keyword-spacing
(back to comparison table 👆)
|
|
|
|
lines-between-class-members
(back to comparison table 👆)
|
|
|
|
max-depth
(back to comparison table 👆)
|
|
|
|
max-nested-callbacks
(back to comparison table 👆)
|
|
|
|
max-params
(back to comparison table 👆)
|
|
|
|
max-statements-per-line
(back to comparison table 👆)
|
|
|
|
new-cap
(back to comparison table 👆)
|
|
|
|
no-mixed-operators
(back to comparison table 👆)
|
|
|
|
no-multiple-empty-lines
(back to comparison table 👆)
|
|
|
|
object-curly-spacing
(back to comparison table 👆)
|
|
|
|
operator-linebreak
(back to comparison table 👆)
|
|
|
|
padded-blocks
(back to comparison table 👆)
|
|
|
|
quote-props
(back to comparison table 👆)
|
|
|
|
space-before-function-paren
(back to comparison table 👆)
|
|
|
|
space-unary-ops
(back to comparison table 👆)
|
|
|
|
spaced-comment
(back to comparison table 👆)
|
|
|
|
arrow-body-style
(back to comparison table 👆)
|
|
|
|
arrow-parens
(back to comparison table 👆)
|
|
|
|
generator-star-spacing
(back to comparison table 👆)
|
|
|
|
no-useless-computed-key
(back to comparison table 👆)
|
|
|
|
no-useless-rename
(back to comparison table 👆)
|
|
|
|
prefer-arrow-callback
(back to comparison table 👆)
|
|
|
|
prefer-const
(back to comparison table 👆)
|
|
|
|
prefer-destructuring
(back to comparison table 👆)
|
|
|
|
template-curly-spacing
(back to comparison table 👆)
|
|
|
|
yield-star-spacing
(back to comparison table 👆)
|
|
|
|