Prevents id duplication, when react-intl library is used.
Prevents id duplication, when react-intl library is used.
You'll first need to install ESLint:
npm i eslint --save-dev
Next, install using npm or yarn eslint-plugin-formatjs-no-id-duplication
:
npm install eslint-plugin-formatjs-no-id-duplication --save-dev
OR
yarn add eslint-plugin-formatjs-no-id-duplication -D
Add formatjs-no-id-duplication
to the plugins section of your .eslintrc
configuration file. You can omit the eslint-plugin-
prefix:
{
"plugins": [
"formatjs-no-id-duplication"
]
}
Then configure the rules you want to use under the rules section.
{
"rules": {
"formatjs-no-id-duplication/defineMessages": 2
}
}
defineMessages
):Tracks duplication of id in defineMessages
function along usage in single file and in multiple files.
// messagesOne.js
defineMessages({
first: {
id: 'firstId'
},
second: {
id: 'secondId'
},
});
// messagesTwo.js
defineMessages({
third: {
id: 'thirdId'
},
});
// messagesOne.js
defineMessages({
first: {
id: 'firstId'
},
second: {
id: 'secondId'
},
});
// messagesTwo.js
defineMessages({
first: {
id: 'firstId'
},
});
defineMessages({
first: {
id: 'firstId'
},
firstDuplication: {
id: 'firstId'
},
});