diff --git a/.eslintrc.js b/.eslintrc.js
index 05dd917df..ee1ee27a9 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -84,6 +84,7 @@ module.exports = {
     'vue/prop-name-casing': 'off',
     'vue/one-component-per-file': 'off',
     'vue/custom-event-name-casing': 'off',
+    'vue/v-on-event-hyphenation': 'off',
     'vue/max-attributes-per-line': [
       2,
       {
diff --git a/components/card/demo/meta.vue b/components/card/demo/meta.vue
index ae2ec3a77..a113bcc19 100644
--- a/components/card/demo/meta.vue
+++ b/components/card/demo/meta.vue
@@ -24,7 +24,7 @@ A Card that supports `cover`, `avatar`, `title` and `description`.
         src="https://gw.alipayobjects.com/zos/rmsportal/JiqGstEfoWAOHiTxclqi.png"
       />
     </template>
-    <template #actions class="ant-card-actions">
+    <template #actions>
       <setting-outlined key="setting" />
       <edit-outlined key="edit" />
       <ellipsis-outlined key="ellipsis" />
diff --git a/components/pagination/Pagination.tsx b/components/pagination/Pagination.tsx
index 1420342f9..35d28f19a 100644
--- a/components/pagination/Pagination.tsx
+++ b/components/pagination/Pagination.tsx
@@ -75,7 +75,7 @@ export default defineComponent({
         </button>
       );
       let jumpPrevIcon = (
-        <a rel='nofollow' class={`${pre}-item-link`}>
+        <a rel="nofollow" class={`${pre}-item-link`}>
           {/* You can use transition effects in the container :) */}
           <div class={`${pre}-item-container`}>
             <DoubleLeftOutlined class={`${pre}-item-link-icon`} />
@@ -84,7 +84,7 @@ export default defineComponent({
         </a>
       );
       let jumpNextIcon = (
-        <a rel='nofollow' class={`${pre}-item-link`}>
+        <a rel="nofollow" class={`${pre}-item-link`}>
           {/* You can use transition effects in the container :) */}
           <div class={`${pre}-item-container`}>
             <DoubleRightOutlined class={`${pre}-item-link-icon`} />
diff --git a/components/select/demo/size.vue b/components/select/demo/size.vue
index 836d61149..f7edcad5a 100644
--- a/components/select/demo/size.vue
+++ b/components/select/demo/size.vue
@@ -39,8 +39,7 @@ The height of the input field for the select defaults to 32px. If size is set to
       placeholder="Please select"
       style="width: 200px"
       @popupScroll="popupScroll"
-    >
-    </a-select>
+    ></a-select>
     <a-select
       v-model:value="value3"
       :options="options"
@@ -48,8 +47,7 @@ The height of the input field for the select defaults to 32px. If size is set to
       :size="size"
       placeholder="Please select"
       style="width: 200px"
-    >
-    </a-select>
+    ></a-select>
   </a-space>
 </template>
 <script lang="ts">
diff --git a/components/vc-picker/PickerPanel.tsx b/components/vc-picker/PickerPanel.tsx
index b60a7ffe5..9253d39a5 100644
--- a/components/vc-picker/PickerPanel.tsx
+++ b/components/vc-picker/PickerPanel.tsx
@@ -609,5 +609,5 @@ function PickerPanel<DateType>() {
   });
 }
 const InterPickerPanel = PickerPanel<any>();
-export default <DateType extends any>(props: MergedPickerPanelProps<DateType>): JSX.Element =>
+export default <DateType,>(props: MergedPickerPanelProps<DateType>): JSX.Element =>
   createVNode(InterPickerPanel, props);