refactor: 使用eslint.config.js替换.eslintrc.js并遵循esm语法 (#786)

src/views/components/danmaku/index.vue

@@ -120,8 +120,8 @@ function addDanmu() {
     <div class="flex gap-5">
       <vue-danmaku
         ref="danmaku"
-        class="demo"
         v-model:danmus="danmus"
+        class="demo"
         isSuspend
         v-bind="config"
       >
@@ -176,9 +176,9 @@ function addDanmu() {
         </p>
         <p class="flex">
           <el-input
+            v-model="danmuMsg"
             type="text"
             placeholder="输入评论后，回车发送弹幕"
-            v-model="danmuMsg"
             @keyup.enter="addDanmu"
           />
         </p>

src/views/components/dialog/form.vue

@@ -27,15 +27,15 @@ const newFormInline = ref(props.formInline);
   <el-form :model="newFormInline">
     <el-form-item label="姓名">
       <el-input
-        class="!w-[220px]"
         v-model="newFormInline.user"
+        class="!w-[220px]"
         placeholder="请输入姓名"
       />
     </el-form-item>
     <el-form-item label="城市">
       <el-select
-        class="!w-[220px]"
         v-model="newFormInline.region"
+        class="!w-[220px]"
         placeholder="请选择城市"
       >
         <el-option label="上海" value="上海" />

src/views/components/dialog/formPrimitive.vue

@@ -18,5 +18,5 @@ const data = useVModel(props, "data", emit);
 </script>
 
 <template>
-  <el-input class="!w-[220px]" v-model="data" placeholder="请输入内容" />
+  <el-input v-model="data" class="!w-[220px]" placeholder="请输入内容" />
 </template>

src/views/components/draggable/index.vue

@@ -110,10 +110,10 @@ onMounted(() => {
             <draggable
               v-model="lists"
               item-key="name"
-              @change="change"
               chosen-class="chosen"
               force-fallback="true"
               animation="300"
+              @change="change"
             >
               <template #item="{ element, index }">
                 <div class="item-single">{{ element.name }} {{ index }}</div>
@@ -132,9 +132,9 @@ onMounted(() => {
             <!-- 拖拽实现元素位置切换 -->
             <div class="cut-container">
               <div
-                class="item-cut"
                 v-for="(item, index) in cutLists"
                 :key="index"
+                class="item-cut"
               >
                 <p>{{ item.name }}</p>
               </div>

src/views/components/segmented/index.vue

@@ -163,7 +163,7 @@ function onChange({ index, option }) {
         {{ optionsBasis[value].label }}
       </span>
     </p>
-    <Segmented :options="optionsBasis" v-model="value" />
+    <Segmented v-model="value" :options="optionsBasis" />
     <el-divider />
     <p class="mb-2">禁用</p>
     <Segmented :options="optionsDisabled" />

src/views/components/selector/index.vue

@@ -28,9 +28,9 @@ const selectedVal = ({ left, right }): void => {
 <template>
   <div>
     <el-card
-      class="box-card"
       v-for="(item, key) in dataLists"
       :key="key"
+      class="box-card"
       shadow="never"
     >
       <template #header>
@@ -41,10 +41,10 @@ const selectedVal = ({ left, right }): void => {
       <Selector
         :HsKey="key"
         :echo="item.echo"
-        @selectedVal="selectedVal"
         :disabled="item.disabled"
+        @selectedVal="selectedVal"
       />
-      <h4 class="mt-3" v-if="!item.disabled">选中范围：{{ selectRange }}</h4>
+      <h4 v-if="!item.disabled" class="mt-3">选中范围：{{ selectRange }}</h4>
     </el-card>
   </div>
 </template>