feat: 组件命名lint

.eslintrc.cjs

@@ -54,5 +54,12 @@ module.exports = {
       },
     ],
     'no-restricted-syntax': ['off', 'iterators/generators'],
+    'vue/component-name-in-template-casing': [
+      'error',
+      'PascalCase',
+      {
+        registeredComponentsOnly: false,
+      },
+    ],
   },
 };

src/App.vue

 <template>
   <div>
-    <el-container class="min-h-screen">
-      <el-header>
-        <common-header :menu-list="menuList" :current-path="currentPath"></common-header>
-      </el-header>
-      <el-main>
+    <ElContainer class="min-h-screen">
+      <ElHeader>
+        <CommonHeader :menu-list="menuList" :current-path="currentPath"></CommonHeader>
+      </ElHeader>
+      <ElMain>
         <RouterView />
-      </el-main>
-      <el-footer>Footer</el-footer>
-    </el-container>
+      </ElMain>
+      <ElFooter>Footer</ElFooter>
+    </ElContainer>
   </div>
 </template>
 

src/components/common/CommonHeader.vue

@@ -2,7 +2,7 @@
   <div class="flex items-center">
     <div>logo</div>
     <div class="flex flex-1 justify-center">
-      <el-menu
+      <ElMenu
         class="!border-none"
         mode="horizontal"
         router
@@ -11,22 +11,22 @@
         @select="handleMenuChange"
       >
         <template v-for="menu in menuList" :key="menu.path">
-          <el-sub-menu v-if="menu.subMenus?.length" :index="menu.name">
+          <ElSubMenu v-if="menu.subMenus?.length" :index="menu.name">
             <template #title>{{ getParentName(menu) }}</template>
-            <el-menu-item
+            <ElMenuItem
               v-for="subMenu in menu.subMenus"
               :key="subMenu.path"
               :index="subMenu.path"
               :route="subMenu.path"
             >
               产业分类
-            </el-menu-item>
-          </el-sub-menu>
-          <el-menu-item v-else :index="menu.path" :route="menu.path">
+            </ElMenuItem>
+          </ElSubMenu>
+          <ElMenuItem v-else :index="menu.path" :route="menu.path">
             {{ menu.name }}
-          </el-menu-item>
+          </ElMenuItem>
         </template>
-      </el-menu>
+      </ElMenu>
     </div>
     <div>登录</div>
   </div>

src/views/home/HomeView.vue

 <!-- 首页 -->
 
 <template>
-  <el-form :model="form" label-width="120px">
-    <el-form-item label="Activity name" class="w-2 px-4">
-      <el-input v-model="form.name" />
-    </el-form-item>
-    <el-form-item label="Activity zone">
-      <el-select v-model="form.region" placeholder="please select your zone">
-        <el-option label="Zone one" value="shanghai" />
-        <el-option label="Zone two" value="beijing" />
-      </el-select>
-    </el-form-item>
-    <el-form-item label="Activity time">
-      <el-col :span="11">
-        <el-date-picker
+  <ElForm :model="form" label-width="120px">
+    <ElFormItem label="Activity name" class="w-2 px-4">
+      <ElInput v-model="form.name" />
+    </ElFormItem>
+    <ElFormItem label="Activity zone">
+      <ElSelect v-model="form.region" placeholder="please select your zone">
+        <ElOption label="Zone one" value="shanghai" />
+        <ElOption label="Zone two" value="beijing" />
+      </ElSelect>
+    </ElFormItem>
+    <ElFormItem label="Activity time">
+      <ElCol :span="11">
+        <ElDatePicker
           v-model="form.date1"
           type="date"
           placeholder="Pick a date"
           style="width: 100%"
         />
-      </el-col>
-      <el-col :span="2" class="text-center">
+      </ElCol>
+      <ElCol :span="2" class="text-center">
         <span class="text-gray-500">-</span>
-      </el-col>
-      <el-col :span="11">
-        <el-time-picker v-model="form.date2" placeholder="Pick a time" style="width: 100%" />
-      </el-col>
-    </el-form-item>
-    <el-form-item label="Instant delivery">
-      <el-switch v-model="form.delivery" />
-    </el-form-item>
-    <el-form-item label="Activity type">
-      <el-checkbox-group v-model="form.type">
-        <el-checkbox label="Online activities" name="type" />
-        <el-checkbox label="Promotion activities" name="type" />
-        <el-checkbox label="Offline activities" name="type" />
-        <el-checkbox label="Simple brand exposure" name="type" />
-      </el-checkbox-group>
-    </el-form-item>
-    <el-form-item label="Resources">
-      <el-radio-group v-model="form.resource">
-        <el-radio label="Sponsor" />
-        <el-radio label="Venue" />
-      </el-radio-group>
-    </el-form-item>
-    <el-form-item label="Activity form">
-      <el-input v-model="form.desc" type="textarea" />
-    </el-form-item>
-    <el-form-item>
-      <el-button type="primary" @click="onSubmit">Create</el-button>
-      <el-button>Cancel</el-button>
-    </el-form-item>
-  </el-form>
+      </ElCol>
+      <ElCol :span="11">
+        <ElTimePicker v-model="form.date2" placeholder="Pick a time" style="width: 100%" />
+      </ElCol>
+    </ElFormItem>
+    <ElFormItem label="Instant delivery">
+      <ElSwitch v-model="form.delivery" />
+    </ElFormItem>
+    <ElFormItem label="Activity type">
+      <ElCheckboxGroup v-model="form.type">
+        <ElCheckbox label="Online activities" name="type" />
+        <ElCheckbox label="Promotion activities" name="type" />
+        <ElCheckbox label="Offline activities" name="type" />
+        <ElCheckbox label="Simple brand exposure" name="type" />
+      </ElCheckboxGroup>
+    </ElFormItem>
+    <ElFormItem label="Resources">
+      <ElRadioGroup v-model="form.resource">
+        <ElRadio label="Sponsor" />
+        <ElRadio label="Venue" />
+      </ElRadioGroup>
+    </ElFormItem>
+    <ElFormItem label="Activity form">
+      <ElInput v-model="form.desc" type="textarea" />
+    </ElFormItem>
+    <ElFormItem>
+      <ElButton type="primary" @click="onSubmit">Create</ElButton>
+      <ElButton>Cancel</ElButton>
+    </ElFormItem>
+  </ElForm>
 </template>
 
 <script lang="ts" setup>

src/views/industrial-park/IndustrialParkDetail.vue

@@ -2,18 +2,18 @@
 <template>
   <div>
     <div class="space-y-4">
-      <detail-info-cell>
-        <detail-main></detail-main>
-      </detail-info-cell>
-      <detail-info-cell title="产业园简介"></detail-info-cell>
-      <detail-info-cell title="入驻要求"></detail-info-cell>
-      <detail-info-cell title="要素成本"></detail-info-cell>
-      <detail-info-cell title="产业支持"></detail-info-cell>
-      <detail-info-cell title="产业政策"></detail-info-cell>
-      <detail-info-cell title="代表企业"></detail-info-cell>
-      <detail-info-cell title="园内配套信息"></detail-info-cell>
-      <detail-info-cell title="周边配套"></detail-info-cell>
-      <detail-info-cell title="产业园内载体" to-list-text="更多产业园区"></detail-info-cell>
+      <DetailInfoCell>
+        <DetailMain></DetailMain>
+      </DetailInfoCell>
+      <DetailInfoCell title="产业园简介"></DetailInfoCell>
+      <DetailInfoCell title="入驻要求"></DetailInfoCell>
+      <DetailInfoCell title="要素成本"></DetailInfoCell>
+      <DetailInfoCell title="产业支持"></DetailInfoCell>
+      <DetailInfoCell title="产业政策"></DetailInfoCell>
+      <DetailInfoCell title="代表企业"></DetailInfoCell>
+      <DetailInfoCell title="园内配套信息"></DetailInfoCell>
+      <DetailInfoCell title="周边配套"></DetailInfoCell>
+      <DetailInfoCell title="产业园内载体" to-list-text="更多产业园区"></DetailInfoCell>
     </div>
   </div>
 </template>