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/block-lang": { "name": "vue/block-lang", "value": "off", "description": "<script> 标签必须有 lang 属性", "reason": "", "badExample": "", "goodExample": "", "fixable": false, "extendsBaseRule": "", "requiresTypeChecking": false }, "vue/camelcase": { "name": "vue/camelcase", "value": "off", "description": "变量名必须是 camelCase 风格的", "reason": "很多 api 或文件名都不是 camelCase 风格的", "badExample": "", "goodExample": "", "fixable": false, "extendsBaseRule": "camelcase", "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-api-style": { "name": "vue/component-api-style", "value": "off", "description": "限制组件接口定义的模式", "reason": "", "badExample": "", "goodExample": "", "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-options-name-casing": { "name": "vue/component-options-name-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/custom-event-name-casing": { "name": "vue/custom-event-name-casing", "value": "error", "description": "自定义事件名必须用 kebab-case 风格", "reason": "", "badExample": "<template>\n <button @click=\"$emit(eslint(vue/custom-event-name-casing)\">'myEvent')\" />\n</template>\n<script>\nexport default {\n methods: {\n onClick() {\n this.$emit(eslint(vue/custom-event-name-casing)\">'myEvent');\n },\n },\n};\n</script>", "goodExample": "<template>\n <button @click=\"$emit('my-event')\" />\n</template>\n<script>\nexport default {\n methods: {\n onClick() {\n this.$emit('my-event');\n this.$emit('update:myProp', myProp);\n },\n },\n};\n</script>", "fixable": false, "extendsBaseRule": "", "requiresTypeChecking": false }, "vue/dot-notation": { "name": "vue/dot-notation", "value": "off", "description": "禁止使用 foo['bar']，必须写成 foo.bar", "reason": "当需要写一系列属性的时候，可以更统一", "badExample": "", "goodExample": "", "fixable": true, "extendsBaseRule": "dot-notation", "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": "eqeqeq", "requiresTypeChecking": false }, "vue/first-attribute-linebreak": { "name": "vue/first-attribute-linebreak", "value": "off", "description": "标签的第一个属性必须换行", "reason": "代码格式问题，最好由 Prettier 解决", "badExample": "", "goodExample": "", "fixable": false, "extendsBaseRule": "", "requiresTypeChecking": false }, "vue/html-button-has-type": { "name": "vue/html-button-has-type", "value": "off", "description": "button 标签必须有 type 属性", "reason": "", "badExample": "", "goodExample": "", "fixable": false, "extendsBaseRule": "", "requiresTypeChecking": false }, "vue/html-comment-content-newline": { "name": "vue/html-comment-content-newline", "value": "off", "description": "HTML 注释的 <!-- 后必须有空格或换行符", "reason": "代码格式问题，最好由 Prettier 解决", "badExample": "", "goodExample": "", "fixable": false, "extendsBaseRule": "", "requiresTypeChecking": false }, "vue/html-comment-content-spacing": { "name": "vue/html-comment-content-spacing", "value": "off", "description": "HTML 注释必须有首位空格", "reason": "代码格式问题，最好由 Prettier 解决", "badExample": "", "goodExample": "", "fixable": false, "extendsBaseRule": "", "requiresTypeChecking": false }, "vue/html-comment-indent": { "name": "vue/html-comment-indent", "value": "off", "description": "HTML 注释缩进必须有两个空格", "reason": "代码格式问题，最好由 Prettier 解决", "badExample": "", "goodExample": "", "fixable": false, "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/multi-word-component-names": { "name": "vue/multi-word-component-names", "value": "off", "description": "组件名称必须是两个以上的单词", "reason": "", "badExample": "", "goodExample": "", "fixable": false, "extendsBaseRule": "", "requiresTypeChecking": false }, "vue/new-line-between-multi-line-property": { "name": "vue/new-line-between-multi-line-property", "value": "off", "description": "多行属性之间必须有空行", "reason": "代码格式问题，最好由 Prettier 解决", "badExample": "", "goodExample": "", "fixable": false, "extendsBaseRule": "", "requiresTypeChecking": false }, "vue/next-tick-style": { "name": "vue/next-tick-style", "value": "off", "description": "nextTick 必须使用 Promise 模式调用", "reason": "", "badExample": "", "goodExample": "", "fixable": true, "extendsBaseRule": "", "requiresTypeChecking": false }, "vue/no-arrow-functions-in-watch": { "name": "vue/no-arrow-functions-in-watch", "value": "error", "description": "watch 中禁止使用箭头函数", "reason": "", "badExample": "<script>\nexport default {\n watch: {\n foo: eslint(vue/no-arrow-functions-in-watch)\">(val, oldVal) => {\n console.log('new: %s, old: %s', val, oldVal);\n },\n },\n};\n</script>", "goodExample": "<script>\nexport default {\n watch: {\n a: function (val, oldVal) {\n console.log('new: %s, old: %s', val, oldVal);\n },\n b: 'someMethod',\n },\n};\n</script>", "fixable": false, "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-bare-strings-in-template": { "name": "vue/no-bare-strings-in-template", "value": "off", "description": "禁止 <template> 中使用字符串", "reason": "", "badExample": "", "goodExample": "", "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-child-content": { "name": "vue/no-child-content", "value": "error", "description": "禁止有 v-html 或 v-text 属性的标签内部还有内容", "reason": "", "badExample": "<template>\n <div v-html=\"replacesChildContent\">eslint(vue/no-child-content)\">child content</div>\n</template>", "goodExample": "<template>\n <div>child content</div>\n <div v-html=\"replacesChildContent\"></div>\n</template>", "fixable": false, "extendsBaseRule": "", "requiresTypeChecking": false }, "vue/no-computed-properties-in-data": { "name": "vue/no-computed-properties-in-data", "value": "error", "description": "禁止 data() 中有计算属性", "reason": "", "badExample": "<script>\nexport default {\n data() {\n return {\n bar: eslint(vue/no-computed-properties-in-data)\">this.foo,\n };\n },\n computed: {\n foo() {},\n },\n};\n</script>", "goodExample": "<script>\nexport default {\n data() {\n return {\n bar: 1,\n };\n },\n computed: {\n foo() {},\n },\n};\n</script>", "fixable": false, "extendsBaseRule": "", "requiresTypeChecking": false }, "vue/no-constant-condition": { "name": "vue/no-constant-condition", "value": "off", "description": "禁止将常量作为分支条件判断中的测试表达式，但允许作为循环条件判断中的测试表达式", "reason": "", "badExample": "", "goodExample": "", "fixable": false, "extendsBaseRule": "no-constant-condition", "requiresTypeChecking": false }, "vue/no-deprecated-data-object-declaration": { "name": "vue/no-deprecated-data-object-declaration", "value": "error", "description": "禁止在 data 中使用已废弃的对象定义", "reason": "", "badExample": "<script>\nexport default {\n eslint(vue/no-deprecated-data-object-declaration)\">data: {\n foo: null,\n },\n};\n</script>", "goodExample": "<script>\nexport default {\n data() {\n return {\n foo: null,\n };\n },\n};\n</script>", "fixable": true, "extendsBaseRule": "", "requiresTypeChecking": false }, "vue/no-deprecated-destroyed-lifecycle": { "name": "vue/no-deprecated-destroyed-lifecycle", "value": "error", "description": "禁止使用已废弃的 destroyed 和 beforeDestroy 生命周期", "reason": "", "badExample": "<script>\nexport default {\n eslint(vue/no-deprecated-destroyed-lifecycle)\">beforeDestroy() {},\n eslint(vue/no-deprecated-destroyed-lifecycle)\">destroyed() {},\n};\n</script>", "goodExample": "<script>\nexport default {\n beforeMount() {},\n mounted() {},\n beforeUnmount() {},\n unmounted() {},\n};\n</script>", "fixable": true, "extendsBaseRule": "", "requiresTypeChecking": false }, "vue/no-deprecated-dollar-listeners-api": { "name": "vue/no-deprecated-dollar-listeners-api", "value": "error", "description": "禁止使用已废弃的 $listeners", "reason": "", "badExample": "<template>\n <MyInput v-on=\"eslint(vue/no-deprecated-dollar-listeners-api)\">$listeners\" />\n</template>\n<script>\nexport default {\n computed: {\n listeners() {\n return {\n ...this.eslint(vue/no-deprecated-dollar-listeners-api)\">$listeners<span class