False positive about `validateAttributeSeperator` with attributes starting with `:` or `@` about pug-lint-vue

[pehbehbeh]

Does this happen with pug-lint itself?

[iwata]

@pehbehbeh
No, pug-lint-vue about SFC .vue file.
I updated the above code to make it easier to understand as examples.

[SebinSong]

Hi, I'm currently having the same problem with attributes starting with :. Since, it's a valid syntax from Vue's perspective, I think pug-lint-vue has to consider it valid as well :). Thanks!

[pehbehbeh]

This is not an issue of pug-lint-vue, but rather an issue of the pug-lint. We cannot fix this because we are simply using pug-lint under the hood. The issue with the Code above is the indentation.

The following .pug-lintrc.js will work (notice the spaces in multiLineSeparator):

module.exports = {
    validateAttributeSeparator: {
        separator: ',',
        multiLineSeparator: '\n  '
    }
}

But you will get problems with multi-level-indentation.

There is also an ongoing issue here: pugjs/pug-lint#157

[pehbehbeh]

Also note that : and @ are not the issue here. The following will get you exactly the same errors:

b-textarea(
  rows='20'
  v-bind:value='body'
  v-bind:loading='isProcessing'
  v-on:input='inputBody'
  required
)