Add ignore pattern option to no-raw-text rule

[Niels-NTG]

The no-raw-text rule can be great to detect where I forgot to add a translatable string because I used a plain string instead. But sometimes I like to add spaces as a separator for inline content.

See below for an example. This creates a table cell with a person's name prefix and sortable last name. Naturally this should be separated by a space. The no-raw-text rule complains "raw text ' ' used".

                <b-table-column
                    :label="$t('lastName')"
                    field="sortableLastName"
                    sortable
                >
                    {{ column.row.prefix }} {{ column.row.sortableLastName }}
                </b-table-column>

I would like to propose an ignore pattern option for the no-raw-text rule:

"vue-i18n/no-row-text: [ "warn", {
  "ignorePattern": "^\s+$"
}]

or alternatively, since I suspect this is a common case:

"vue-i18n/no-row-text: [ "warn", {
  "ignoreWhitespace": true
}]

[kazupon]

related #25

[stevelacey]

Yep ignorePattern would be perfect here, and map well to the equivalents in the eslint core rules like no-unused-vars – I have both terms that will never need translating, as well as punctuation and braces used in templates.

My ignorePattern would look something like:

{
  ignorePattern: '#|:|\(|\)|-|_|USD'
}

Related: I'd also vote for trimming values prior to consideration, otherwise my above regex would need to be needlessly more complicated I expect

[stevelacey]

I added this along with node based ignores, to knock out icon keys etc ala Vuetify's v-icon, check out #31

[kazupon]

I've juest released out v0.3.0

[ghost]

hi @kazupon

how can I make this work expressions inside the ignored tags?

this works

<v-icon>mdi-close</v-icon>

but this doesn't

<v-icon>{{ isOpen ? 'mdi-close' : 'mdi-open' }}</v-icon>