eslint-config-alloy

{ "vue/attribute-hyphenation": { "name": "vue/attribute-hyphenation", "value": "off", "description": "限制自定义组件的属性风格", "reason": "", "badExample": "", "goodExample": "", "fixable": true, "extendsBaseRule": "", "requiresTypeChecking": false }, "vue/attributes-order": { "name": "vue/attributes-order", "value": "error", "description": "标签属性必须按规则排序", "reason": "", "badExample": "<template>\n <div\n ref=\"header\"\n eslint(vue/attributes-order)\">v-for=\"item in items\"\n eslint(vue/attributes-order)\">v-once\n eslint(vue/attributes-order)\">id=\"uniqueID\"\n v-model=\"headerData\"\n my-prop=\"prop\"\n eslint(vue/attributes-order)\">v-if=\"!visible\"\n eslint(vue/attributes-order)\">is=\"header\"\n @click=\"functionCall\"\n v-text=\"textContent\"\n />\n</template>", "goodExample": "<template>\n <div\n is=\"header\"\n v-for=\"item in items\"\n v-if=\"!visible\"\n v-once\n id=\"uniqueID\"\n ref=\"header\"\n v-model=\"headerData\"\n my-prop=\"prop\"\n @click=\"functionCall\"\n v-text=\"textContent\"\n />\n</template>", "fixable": true, "extendsBaseRule": "", "requiresTypeChecking": false }, "vue/camelcase": { "name": "vue/camelcase", "value": "off", "description": "变量名必须是 camelcase 风格的", "reason": "很多 api 或文件名都不是 camelcase 风格的", "badExample": "", "goodExample": "", "fixable": false, "extendsBaseRule": "", "requiresTypeChecking": false }, "vue/comment-directive": { "name": "vue/comment-directive", "value": "error", "description": "支持在模版中使用 eslint-disable-next-line 等注释", "reason": "", "badExample": "", "goodExample": "<template>\n \n <div :attr=\"foo == 1\" />\n</template>", "fixable": false, "extendsBaseRule": "", "requiresTypeChecking": false }, "vue/component-definition-name-casing": { "name": "vue/component-definition-name-casing", "value": ["error", "PascalCase"], "description": "组件的 name 属性必须符合 PascalCase", "reason": "这是官方建议的规范", "badExample": "<script>\nexport default {\n name: eslint(vue/component-definition-name-casing)\">'foo-bar'\n};\n</script>", "goodExample": "<script>\nexport default {\n name: 'FooBar'\n};\n</script>", "fixable": true, "extendsBaseRule": "", "requiresTypeChecking": false }, "vue/component-name-in-template-casing": { "name": "vue/component-name-in-template-casing", "value": "off", "description": "限制组件名的风格", "reason": "", "badExample": "", "goodExample": "", "fixable": true, "extendsBaseRule": "", "requiresTypeChecking": false }, "vue/component-tags-order": { "name": "vue/component-tags-order", "value": ["error", { "order": ["script", "template", "style"] }], "description": "组件中必须按照 <script>, <template>, <style> 排序", "reason": "这是官方建议的顺序", "badExample": "<style></style>\neslint(vue/component-tags-order)\"><script></script>\neslint(vue/component-tags-order)\"><template></template>", "goodExample": "<script></script>\n<template></template>\n<style></style>", "fixable": false, "extendsBaseRule": "", "requiresTypeChecking": false }, "vue/eqeqeq": { "name": "vue/eqeqeq", "value": ["error", "always"], "description": "必须使用 === 或 !==，禁止使用 == 或 !=", "reason": "", "badExample": "<template>\n <div :attr=\"foo eslint(vue/eqeqeq)\">== 1\" />\n</template>", "goodExample": "<template>\n <div :attr=\"foo === 1\" />\n</template>", "fixable": true, "extendsBaseRule": "", "requiresTypeChecking": false }, "vue/jsx-uses-vars": { "name": "vue/jsx-uses-vars", "value": "error", "description": "修复 no-unused-vars 不检查 jsx 的问题", "reason": "", "badExample": "", "goodExample": "", "fixable": false, "extendsBaseRule": "", "requiresTypeChecking": false }, "vue/match-component-file-name": { "name": "vue/match-component-file-name", "value": "off", "description": "组件名称必须和文件名一致", "reason": "", "badExample": "", "goodExample": "", "fixable": false, "extendsBaseRule": "", "requiresTypeChecking": false }, "vue/name-property-casing": { "name": "vue/name-property-casing", "value": "off", "description": "限制组件的 name 属性的值的风格", "reason": "", "badExample": "", "goodExample": "", "fixable": true, "extendsBaseRule": "", "requiresTypeChecking": false }, "vue/no-async-in-computed-properties": { "name": "vue/no-async-in-computed-properties", "value": "error", "description": "计算属性禁止包含异步方法", "reason": "", "badExample": "<script>\nexport default {\n computed: {\n foo: eslint(vue/no-async-in-computed-properties)\">async function () {\n return eslint(vue/no-async-in-computed-properties)\">await someFunc();\n },\n bar() {\n return eslint(vue/no-async-in-computed-properties)\">new Promise();\n },\n baz() {\n eslint(vue/no-async-in-computed-properties)\">setTimeout(() => {}, 0);\n }\n }\n};\n</script>", "goodExample": "<script>\nexport default {\n computed: {\n foo() {\n return someFunc();\n }\n }\n};\n</script>", "fixable": false, "extendsBaseRule": "", "requiresTypeChecking": false }, "vue/no-boolean-default": { "name": "vue/no-boolean-default", "value": "off", "description": "禁止给布尔值 props 添加默认值", "reason": "类型相关的约束交给 TypeScript", "badExample": "", "goodExample": "", "fixable": true, "extendsBaseRule": "", "requiresTypeChecking": false }, "vue/no-deprecated-scope-attribute": { "name": "vue/no-deprecated-scope-attribute", "value": "error", "description": "禁用已废弃的 scope 属性", "reason": "", "badExample": "<template>\n <ListComponent>\n <template slot=\"name\" eslint(vue/no-deprecated-scope-attribute)\">scope=\"props\">\n {{ props.title }}\n </template>\n </ListComponent>\n</template>", "goodExample": "<template>\n <ListComponent>\n <template v-slot:name=\"props\">\n {{ props.title }}\n </template>\n <template slot=\"name\" slot-scope=\"props\">\n {{ props.title }}\n </template>\n </ListComponent>\n</template>", "fixable": true, "extendsBaseRule": "", "requiresTypeChecking": false }, "vue/no-deprecated-slot-attribute": { "name": "vue/no-deprecated-slot-attribute", "value": "error", "description": "使用 v-slot 替代已废弃的 slot", "reason": "", "badExample": "<template>\n <ListComponent>\n <template eslint(vue/no-deprecated-slot-attribute)\">slot=\"name\">\n {{ props.title }}\n </template>\n </ListComponent>\n</template>", "goodExample": "<template>\n <ListComponent>\n <template v-slot:name>\n {{ props.title }}\n </template>\n </ListComponent>\n</template>", "fixable": true, "extendsBaseRule": "", "requiresTypeChecking": false }, "vue/no-deprecated-slot-scope-attribute": { "name": "vue/no-deprecated-slot-scope-attribute", "value": "error", "description": "禁用已废弃的 slot-scope", "reason": "", "badExample": "<template>\n <ListComponent>\n <template eslint(vue/no-deprecated-slot-scope-attribute)\">slot-scope=\"props\">\n {{ props.title }}\n </template>\n </ListComponent>\n</template>", "goodExample": "<template>\n <ListComponent>\n <template v-slot=\"props\">\n {{ props.title }}\n </template>\n </ListComponent>\n</template>", "fixable": true, "extendsBaseRule": "", "requiresTypeChecking": false }, "vue/no-dupe-keys": { "name": "vue/no-dupe-keys", "value": "error", "description": "禁止重复的键名", "reason": "", "badExample": "<script>\nexport default {\n props: {\n foo: String\n },\n computed: {\n eslint(vue/no-dupe-keys)\">foo: {\n get() {}\n }\n },\n data: {\n eslint(vue/no-dupe-keys)\">foo: null\n },\n methods: {\n eslint(vue/no-dupe-keys)\">foo() {}\n }\n};\n</script>", "goodExample": "<script>\nexport default {\n props: {\n foo1: String\n },\n computed: {\n foo2: {\n get() {}\n }\n },\n data: {\n foo3: null\n },\n methods: {\n foo4() {}\n }\n};\n</script>", "fixable": false, "extendsBaseRule": "", "requiresTypeChecking": false }, "vue/no-duplicate-attributes": { "name": "vue/no-duplicate-attributes", "value": ["error", { "allowCoexistClass": false, "allowCoexistStyle": false }], "description": "禁止出现重复的属性", "reason": "", "badExample": "<template>\n <MyComponent :foo=\"abc\" eslint(vue/no-duplicate-attributes)\">foo=\"def\" />\n <MyComponent foo=\"abc\" eslint(vue/no-duplicate-attributes)\">:foo=\"def\" />\n <MyComponent foo=\"abc\" eslint(vue/no-duplicate-attributes)\">foo=\"def\" />\n <MyComponent :foo.a=\"abc\" eslint(vue/no-duplicate-attributes)\">:foo.b=\"def\" />\n <MyComponent class=\"abc\" eslint(vue/no-duplicate-attributes)\">:class=\"def\" />\n</template>", "goodExample": "<template>\n <MyComponent :foo=\"abc\" />\n <MyComponent foo=\"abc\" />\n <MyComponent :foo.a=\"abc\" />\n <MyComponent class=\"abc\" />\n</template>", "fixable": false, "extendsBaseRule": "", "requiresTypeChecking": false }, "vue/no-empty-pattern": { "name": "vue/no-empty-pattern", "value": "error", "description": "禁止解构赋值中出现空 {} 或 []", "reason": "", "badExample": "<template>\n <div\n @click=\"\n () => {\n const eslint(vue/no-empty-pattern)\">{} = foo;\n }\n \"\n ></div>\n</template>", "goodExample": "<template>\n <div\n @click=\"\n () => {\n const { bar } = foo;\n }\n \"\n ></div>\n</template>", "fixable": false, "extendsBaseRule": "", "requiresTypeChecking": false }, "vue/no-irregular-whitespace": { "name": "vue/no-irregular-whitespace", "value": [ "error", { "skipStrings": true, "skipComments": false, "skipRegExps": true, "skipTemplates": true, "skipHTMLTextContents": true } ], "description": "禁止使用特殊空白符（比如全角空格），除非是出现在字符串、正则表达式、模版字符串中或 HTML 内容中", "reason": "", "badExample": "<script>\nconst fooeslint(vue/no-irregular-whitespace)\">　= ''\n</script>\n<template>\n <div class=\"fooeslint(vue/no-irregular-whitespace)\">　bar\"></div>\n</template>", "goodExample": "<script>\nconst foo = '　';\nconst bar = /　/;\nconst baz = `　`;\n</script>\n<template>\n <div class=\"foo bar\">　</div>\n</template>", "fixable": false, "extendsBa