How to get all rules as json of vue/strongly-recommended

[akanshgulati]

I am currently using WebStorm and it gives it own linting errors as there is no way I an give a configuration file of entire rules due to use of plugin.
Due to this it is giving errors completely different from plugin:vue/strongly-recommended rules. Is there any way I can get JSON file containing all rules specific to strongly-recommended which can be imported.

Something like this is given by tslint-config-standard

module.exports = {
  extends: ['tslint-eslint-rules'],
  rules: {
    // TSLint rules.
    'member-ordering': [
      true,
      {
        order: [
          'public-static-field',
          'protected-static-field',
          'private-static-field',
          'public-instance-field',
          'protected-instance-field',
          'private-instance-field',
          'constructor',
          'public-static-method',
          'protected-static-method',
          'private-static-method',
          'public-instance-method',
          'protected-instance-method',
          'private-instance-method'
        ]
      }
    ],
    'no-internal-module': true,
    'typedef-whitespace': [
      true,
      {
        'call-signature': 'nospace',
        'index-signature': 'nospace',
        'parameter': 'nospace',
        'property-declaration': 'nospace',
        'variable-declaration': 'nospace'
      },
      {
        'call-signature': 'onespace',
        'index-signature': 'onespace',
        'parameter': 'onespace',
        'property-declaration': 'onespace',
        'variable-declaration': 'onespace'
      }
    ],
    'await-promise': true,
    'curly': [true, 'ignore-same-line'],
    'label-position': true,
    'no-arg': true,
    'no-conditional-assignment': true,
    'no-duplicate-imports': true,
    'no-duplicate-variable': true,
    'no-empty': true,
    'no-eval': true,
    'no-reference-import': true,
    'no-return-await': true,
    'no-switch-case-fall-through': true,
    'no-unused-expression': [true, 'allow-fast-null-checks', 'allow-tagged-template'],
    'no-unused-variable': [true, { 'ignore-pattern': '^_' }],
    'no-use-before-declare': true,
    'no-var-keyword': true,
    'radix': true,
    'return-undefined': true,
    'space-within-parens': [true, 0],
    'triple-equals': [
      true,
      'allow-null-check'
    ],
    'use-isnan': true,
    'eofline': true,
    'ter-indent': [
      true,
      2,
      {
        SwitchCase: 1
      }
    ],
    'no-trailing-whitespace': true,
    'trailing-comma': [
      true,
      {
        'multiline': 'never',
        'singleline': 'never'
      }
    ],
    'class-name': true,
    'comment-format': [
      true,
      'check-space'
    ],
    'jsdoc-format': true,
    'new-parens': true,
    'no-angle-bracket-type-assertion': true,
    'no-consecutive-blank-lines': true,
    'no-floating-promises': true,
    'no-misused-new': true,
    'no-string-throw': true,
    'no-unnecessary-qualifier': true,
    'no-unnecessary-type-assertion': true,
    'one-line': [
      true,
      'check-catch',
      'check-finally',
      'check-else',
      'check-open-brace',
      'check-whitespace'
    ],
    'one-variable-per-declaration': true,
    'quotemark': [
      true,
      'single',
      'avoid-escape',
      'jsx-single'
    ],
    'semicolon': [
      true,
      'never'
    ],
    'strict-type-predicates': true,
    'space-before-function-paren': [true, 'always'],
    'unified-signatures': true,
    'variable-name': [
      true,
      'ban-keywords',
      'check-format',
      'allow-leading-underscore',
      'allow-pascal-case'
    ],
    'whitespace': [
      true,
      'check-branch',
      'check-decl',
      'check-operator',
      // 'check-module',
      'check-rest-spread',
      'check-type',
      'check-typecast',
      'check-type-operator',
      'check-preblock'
    ],
    // TSLint ESLint rules.
    'no-constant-condition': [
      true,
      {
        checkLoops: false
      }
    ],
    'no-control-regex': true,
    'no-duplicate-case': true,
    'no-empty-character-class': true,
    'no-ex-assign': true,
    'no-extra-boolean-cast': true,
    'no-inner-declarations': [
      true,
      'functions'
    ],
    'no-invalid-regexp': true,
    'ter-no-irregular-whitespace': true,
    'no-regex-spaces': true,
    'ter-no-sparse-arrays': true,
    'ter-func-call-spacing': [true, 'never'],
    'no-unexpected-multiline': true,
    'valid-typeof': true,
    'ter-arrow-spacing': [
      true,
      {
        'before': true,
        'after': true
      }
    ],
    'no-multi-spaces': true,
    'handle-callback-err': [
      true,
      '^(err|error)$'
    ],
    'block-spacing': [
      true,
      'always'
    ],
    'brace-style': [
      true,
      '1tbs',
      {
        'allowSingleLine': true
      }
    ],
    'object-curly-spacing': [true, 'always']
  }
}

[mysticatea]

Thank you for this issue.

This is ESLint plugin, so you cannot use this plugin with TSLint.

[mysticatea]

To print config with plugin:vue/strongly-recommended, you can use eslint --print-config command.

// .eslintrc.json
{
    extends: "plugin:vue/strongly-recommended"
}

$ eslint --print-config foo.vue

[akanshgulati]

@mysticatea thanks
I got the rules as

'rules': {
    "vue/jsx-uses-vars": "error",
    "vue/attribute-hyphenation": "error",
    "vue/html-end-tags": "error",
    "vue/html-indent": "error",
    "vue/html-self-closing": "error",
    "vue/max-attributes-per-line": "error",
    "vue/mustache-interpolation-spacing": "error",
    "vue/name-property-casing": "error",
    "vue/no-async-in-computed-properties": "error",
    "vue/no-dupe-keys": "error",
}

The only problem left is that WebStorm is not understanding these rules now and showing no error for those violations.

[mysticatea]

I'm not familiar with WebStorm, but does it runs ESLint on .vue files? As far as I know, Atom and VSCode require an extra setting.

[michalsnik]

Any luck here @akanshgulati ? It's been 12 days now. I don't think it's eslint-plugin-vue strictly related thing. It's rather webstorm not linting .vue files. I don't use this IDE, but I see there are plenty of discussions about this topic on the internet. Let us know if you managed to get this working :)

[akanshgulati]

Not yet. No support as such from WebStorm to integrate it.

[michalsnik]

Have you asked on Discord or Vue Forum yet? Those are great places to ask and chances are someone is already using it in webstorm :) Give it a shot

[michalsnik]

I think this issue is not really specific to eslint-plugin-vue itself, as we can't do anything about webstorm. So I'm closing it for now.