fix: eslint

Author: midfar

eslint.config.js

@@ -53,10 +53,9 @@ export default [
     },
     'rules': {
       'vue/no-multiple-template-root': 'off',
+      'vue/no-v-html': 'off',
       'vue/multi-word-component-names': 'off',
-      'vue/singleline-html-element-content-newline': 'off',
       'vue/multiline-html-element-content-newline': 'off',
-      'vue/no-v-html': 'off',
       'accessor-pairs': 2,
       'arrow-spacing': [2, {
         'before': true,
@@ -217,6 +216,15 @@ export default [
       'template-curly-spacing': [2, 'never'],
       'use-isnan': 2,
       'valid-typeof': 2,
+      'vue/html-indent': ['error', 2],
+      'vue/max-attributes-per-line': 'off',
+      'vue/attribute-hyphenation': ['error', 'always'],
+      'vue/order-in-components': 'error',
+      'vue/singleline-html-element-content-newline': 'off',
+      // 'vue/singleline-html-element-content-newline': ['error', {
+      //   'ignoreWhenNoAttributes': true,
+      //   'ignoreWhenEmpty': true
+      // }],
       'wrap-iife': [2, 'any'],
       'yield-star-spacing': [2, 'both'],
       'yoda': [2, 'never'],

src/App.vue

@@ -6,23 +6,19 @@
 
 <script>
 import { defineComponent } from 'vue';
-import { ElConfigProvider } from 'element-plus';
 import zhCn from 'element-plus/dist/locale/zh-cn.mjs';
 import { mapState } from 'pinia';
 import store from '@/store';
 
 export default defineComponent({
-  components: {
-    ElConfigProvider
-  },
-  computed: {
-    ...mapState(store.app, ['size'])
-  },
   data() {
     return {
       locale: zhCn,
       zIndex: 3000
     };
+  },
+  computed: {
+    ...mapState(store.app, ['size'])
   }
 });
 </script>

src/components/Breadcrumb/index.vue

@@ -3,7 +3,7 @@
     <transition-group name="breadcrumb">
       <el-breadcrumb-item v-for="(item, index) in levelList" :key="item.path">
         <span v-if="item.redirect === 'noRedirect' || index == levelList.length - 1" class="no-redirect">{{
-            item.meta.title
+          item.meta.title
         }}</span>
         <a v-else @click.prevent="handleLink(item)">{{ item.meta.title }}</a>
       </el-breadcrumb-item>

src/components/Hamburger/index.vue

@@ -1,7 +1,7 @@
 <template>
   <div style="padding: 0 15px;" @click="toggleClick">
     <svg :class="{ 'is-active': isActive }" class="hamburger" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg"
-      width="64" height="64">
+         width="64" height="64">
       <path
         d="M408 442h480c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H408c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8zm-8 204c0 4.4 3.6 8 8 8h480c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8H408c-4.4 0-8 3.6-8 8v56zm504-486H120c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zm0 632H120c-4.4 0-8 3.6-8 8v56c0 4.4 3.6 8 8 8h784c4.4 0 8-3.6 8-8v-56c0-4.4-3.6-8-8-8zM142.4 642.1L298.7 519a8.84 8.84 0 0 0 0-13.9L142.4 381.9c-5.8-4.6-14.4-.5-14.4 6.9v246.3a8.9 8.9 0 0 0 14.4 7z" />
     </svg>

src/components/HeaderSearch/index.vue

@@ -2,9 +2,9 @@
   <div :class="{ 'show': show }" class="header-search">
     <svg-icon class-name="search-icon" icon-class="search" @click.stop="click" />
     <el-select ref="headerSearchSelect" v-model="search" :remote-method="querySearch" filterable default-first-option
-      remote placeholder="Search" class="header-search-select" @change="change">
+               remote placeholder="Search" class="header-search-select" @change="change">
       <el-option v-for="optItem in options" :key="optItem.item.path" :value="optItem.item"
-        :label="optItem.item.title.join(' > ')" />
+                 :label="optItem.item.title.join(' > ')" />
     </el-select>
   </div>
 </template>

src/components/SizeSelect/index.vue

@@ -6,7 +6,7 @@
     <template #dropdown>
       <el-dropdown-menu>
         <el-dropdown-item v-for="item of sizeOptions" :key="item.value" :disabled="size === item.value"
-          :command="item.value">
+                          :command="item.value">
           {{ item.label }}
         </el-dropdown-item>
       </el-dropdown-menu>

src/components/vue-count-to/vue-countTo.vue

@@ -105,6 +105,9 @@ export default defineComponent({
     }
     this.$emit('mountedCallback');
   },
+  unmounted() {
+    cancelAnimationFrame(this.rAF);
+  },
   methods: {
     start() {
       this.localStartVal = this.startVal;
@@ -185,9 +188,6 @@ export default defineComponent({
       }
       return this.prefix + x1 + x2 + this.suffix;
     }
-  },
-  unmounted() {
-    cancelAnimationFrame(this.rAF);
   }
 });
 </script>

src/layout/components/Navbar.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="navbar">
     <hamburger id="hamburger-container" :is-active="sidebar.opened" class="hamburger-container"
-      @toggleClick="toggleSidebar" />
+               @toggleClick="toggleSidebar" />
 
     <breadcrumb id="breadcrumb-container" class="breadcrumb-container" />
 

src/layout/components/Sidebar/SidebarItem.vue

@@ -4,7 +4,7 @@
       v-if="hasOneShowingChild(item.children, item) && (!onlyOneChild.children || onlyOneChild.noShowingChildren) && !(item.meta && item.meta.alwaysShow)">
       <app-link class="link" :to="resolvePath(onlyOneChild.path)">
         <el-menu-item class="left-menu-item" v-if="onlyOneChild.meta" :index="resolvePath(onlyOneChild.path)"
-          :class="{ 'submenu-title-noDropdown': !isNest }">
+                      :class="{ 'submenu-title-noDropdown': !isNest }">
 
           <!-- <item :icon="onlyOneChild.meta.icon || (item.meta && item.meta.icon)" :title="onlyOneChild.meta.title" /> -->
           <template v-if="get2MetaIconPath(onlyOneChild, item)">
@@ -32,7 +32,7 @@
         <span class="text text-two">{{ item.meta.title }}</span>
       </template>
       <sidebar-item v-for="child in item.children" :key="child.path" :is-nest="true" :item="child"
-        :base-path="resolvePath(child.path)" class="nest-menu" />
+                    :base-path="resolvePath(child.path)" class="nest-menu" />
     </el-sub-menu>
   </div>
 </template>

src/layout/components/Sidebar/index.vue

@@ -3,8 +3,8 @@
     <logo v-if="showLogo" :collapse="isCollapse" />
     <el-scrollbar wrap-class="scrollbar-wrapper">
       <el-menu class="left-menu" :default-active="activeMenu" :collapse="isCollapse"
-        :background-color="variables.menuBg" :text-color="variables.menuText" :unique-opened="false"
-        :active-text-color="variables.menuActiveText" :collapse-transition="false" mode="vertical">
+               :background-color="variables.menuBg" :text-color="variables.menuText" :unique-opened="false"
+               :active-text-color="variables.menuActiveText" :collapse-transition="false" mode="vertical">
         <sidebar-item v-for="route in permission_routes" :key="route.path" :item="route" :base-path="route.path" :is-top-route="true" />
       </el-menu>
     </el-scrollbar>