diff --git a/src/frontend/devops-op/.eslintrc.js b/src/frontend/devops-op/.eslintrc.js index f916eec2a1..de03107061 100644 --- a/src/frontend/devops-op/.eslintrc.js +++ b/src/frontend/devops-op/.eslintrc.js @@ -17,13 +17,23 @@ module.exports = { 'vue/max-attributes-per-line': [2, { 'singleline': 10, 'multiline': { - 'max': 1, - 'allowFirstLine': false + 'max': 1 } }], + 'vue/no-lone-template': ['error', { + 'ignoreAccessible': true + }], + 'vue/component-definition-name-casing': ['error', 'PascalCase'], + 'vue/multi-word-component-names': 'off', + 'vue/no-mutating-props': ['error', { + 'shallowOnly': true + }], + 'vue/first-attribute-linebreak': ['error', { + 'singleline': 'ignore', + 'multiline': 'below' + }], 'vue/singleline-html-element-content-newline': 'off', 'vue/multiline-html-element-content-newline': 'off', - 'vue/name-property-casing': ['error', 'PascalCase'], 'vue/no-v-html': 'off', 'accessor-pairs': 2, 'arrow-spacing': [2, { diff --git a/src/frontend/devops-op/package.json b/src/frontend/devops-op/package.json index 7d9d10b7bd..158d2b470d 100644 --- a/src/frontend/devops-op/package.json +++ b/src/frontend/devops-op/package.json @@ -25,7 +25,7 @@ "normalize.css": "7.0.0", "nprogress": "0.2.0", "path-browserify": "^1.0.1", - "path-to-regexp": "2.4.0", + "path-to-regexp": "8.0.0", "vue": "2.6.14", "vue-router": "3.0.6", "vuex": "3.1.0" @@ -38,10 +38,11 @@ "babel-plugin-dynamic-import-node": "2.3.3", "chalk": "2.4.2", "connect": "3.6.6", + "eslint-plugin-vue": "^9.28.0", "html-webpack-plugin": "^5.6.0", - "tasksfile": "^5.1.1", "serve-static": "1.13.2", - "svgo": "3.3.2" + "svgo": "3.3.2", + "tasksfile": "^5.1.1" }, "browserslist": [ "> 1%", diff --git a/src/frontend/devops-op/src/icons/index.js b/src/frontend/devops-op/src/icons/index.js index 2c6b309c96..05d6e7e056 100644 --- a/src/frontend/devops-op/src/icons/index.js +++ b/src/frontend/devops-op/src/icons/index.js @@ -2,7 +2,7 @@ import Vue from 'vue' import SvgIcon from '@/components/SvgIcon'// svg component // register globally -Vue.component('svg-icon', SvgIcon) +Vue.component('SvgIcon', SvgIcon) const req = require.context('./svg', false, /\.svg$/) const requireAll = requireContext => requireContext.keys().map(requireContext) diff --git a/src/frontend/devops-op/src/views/ext-permission/components/PermissionDeleteDialog.vue b/src/frontend/devops-op/src/views/ext-permission/components/PermissionDeleteDialog.vue index 5c991a1152..2c6444cc3d 100644 --- a/src/frontend/devops-op/src/views/ext-permission/components/PermissionDeleteDialog.vue +++ b/src/frontend/devops-op/src/views/ext-permission/components/PermissionDeleteDialog.vue @@ -1,26 +1,24 @@