translationKey on multiline does not work

[XiaotongW]

Here are the package I'm using

• i18n-unused@0.13.0
• eslint@8.4.10
• vue@3.2.47
• vue-i18n@9.2.2

Issue

When I'm running the following command

i18m-unused display-unused

There a lot of translations keys which aren't unused.

Example

Here a examples of patter that do not work

this.$t(
  'app.user.confirmation.delete',
  { user: 'MyUser' },
);

this.$t('app.user.confirmation.delete',
  { user: 'MyUser' });

this.$t('app.user.confirmation.delete',
  { user: 'MyUser' },
);

Here are example that work :
(Unfortunately, I cannot place all my translation on a single line , because, I use eslint which force me to not have a ligne with length greater then 100.)

this.$t('app.user.confirmation.delete', { user: 'MyUser' });

[andyl-ioki]

We have the same issue, that our linting rules forbid long lines.

So I dove a bit into the code and found the default matching regex: /(?:[$ .](_|t|tc))\(.*?\)/gi

After adding whitespace [\n\r\s] to the regex, it matches your other translations as well 👍 : /(?:[$ .](_|t|tc))\(([\n\r\s]|.)*?\)/gi

---

The only thing you have to do is add the regex to your i18n-unused.config.js, so that it looks like this:

module.exports = {
  ...
  translationKeyMatcher: /(?:[$ .](_|t|tc))\(([\n\r\s]|.)*?\)/gi,
};

---

Hope this helps 👍

Thanks also for this project @mxmvshnvsk, I can create a PR for this as well to add the whitespace for the default regex. Wdyt?

[mxmvshnvsk]

Hi. Sounds great =)

[andyl-ioki]

Hi. Sounds great =)

Done 👍