# Settings
Shared settings (opens new window) are a way to configure multiple rules at once.
# 📖 Usage
All settings for this plugin use the css
namespace.
Example .eslintrc.js:
module.exports = {
..., // rules, plugins, etc.
settings: {
// all settings for this plugin have to be in the `css` namespace
css: {
// define settings here, such as:
target: {
attributes: [],
defineFunctions: {}
}
}
}
}
# ⚙️ Available settings
# target
Specifies the target to use the style object.
# target.attributes
Specifies the attribute name or pattern that uses the style object.
# Example of target.attributes
module.exports = {
..., // rules, plugins, etc.
settings: {
css: {
target: {
attributes: [
'css' // The plugin will also parse `css` attribute.
]
}
}
}
}
# target.defineFunctions
Specifies the function paths that uses the style object.
# Example of target.defineFunctions
module.exports = {
..., // rules, plugins, etc.
settings: {
css: {
target: {
defineFunctions: {
'@emotion/styled': [
['default', '/^\\w+$/u']
]
}
}
}
}
}