style: dmeo

Author: tangjinzhou

.eslintrc.js

@@ -44,6 +44,16 @@ module.exports = {
     {
       files: ['*.vue'],
       parser: 'vue-eslint-parser',
+      parserOptions: {
+        parser: '@typescript-eslint/parser',
+      },
+      rules: {
+        'no-console': 'off',
+        '@typescript-eslint/no-unused-vars': [
+          'error',
+          { vars: 'all', args: 'after-used', ignoreRestSiblings: true },
+        ],
+      },
     },
   ],
   rules: {

.prettierrc

@@ -1,9 +1,11 @@
 {
   "singleQuote": true,
   "trailingComma": "all",
+  "endOfLine": "lf",
   "printWidth": 100,
   "proseWrap": "never",
   "arrowParens": "avoid",
+  "htmlWhitespaceSensitivity": "ignore",
   "overrides": [
     {
       "files": ".prettierrc",

components/alert/demo/custom-icon.vue

@@ -20,16 +20,16 @@ Custom Icon make information more clear and more friendly.
   <a-alert message="showIcon = false" type="success">
     <template #icon><smile-outlined /></template>
   </a-alert>
-  <a-alert message="Success Tips" type="success" showIcon>
+  <a-alert message="Success Tips" type="success" show-icon>
     <template #icon><smile-outlined /></template>
   </a-alert>
-  <a-alert message="Informational Notes" type="info" showIcon>
+  <a-alert message="Informational Notes" type="info" show-icon>
     <template #icon><smile-outlined /></template>
   </a-alert>
-  <a-alert message="Warning" type="warning" showIcon>
+  <a-alert message="Warning" type="warning" show-icon>
     <template #icon><smile-outlined /></template>
   </a-alert>
-  <a-alert message="Error" type="error" showIcon>
+  <a-alert message="Error" type="error" show-icon>
     <template #icon><smile-outlined /></template>
   </a-alert>
   <a-alert

components/anchor/demo/customizeHighlight.vue

@@ -16,7 +16,7 @@ Customize the anchor highlight.
 </docs>
 
 <template>
-  <a-anchor :affix="false" :getCurrentAnchor="getCurrentAnchor">
+  <a-anchor :affix="false" :get-current-anchor="getCurrentAnchor">
     <a-anchor-link href="#components-anchor-demo-basic" title="Basic demo" />
     <a-anchor-link href="#components-anchor-demo-static" title="Static demo" />
     <a-anchor-link href="#API" title="API">

components/auto-complete/demo/certain-category.vue

@@ -105,15 +105,15 @@ const dataSource = [
   },
 ];
 export default defineComponent({
+  components: {
+    SearchOutlined,
+  },
   setup() {
     return {
       value: ref(''),
       dataSource,
     };
   },
-  components: {
-    SearchOutlined,
-  },
 });
 </script>
 

components/auto-complete/demo/uncertain-category.vue

@@ -39,7 +39,7 @@ Lookup-Patterns - Uncertain Category.
           <span class="global-search-item-count">{{ item.count }} results</span>
         </a-select-option>
       </template>
-      <a-input-search size="large" placeholder="input here" enterButton></a-input-search>
+      <a-input-search size="large" placeholder="input here" enter-button></a-input-search>
     </a-auto-complete>
   </div>
 </template>

components/breadcrumb/demo/router.vue

@@ -19,7 +19,7 @@ Used together with `vue-router`
 <template>
   <div>
     <a-breadcrumb :routes="routes">
-      <template #itemRender="{ route, routes, paths }">
+      <template #itemRender="{ route, paths }">
         <span v-if="routes.indexOf(route) === routes.length - 1">
           {{ route.breadcrumbName }}
         </span>

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 class="ant-card-actions" #actions>
+    <template #actions class="ant-card-actions">
       <setting-outlined key="setting" />
       <edit-outlined key="edit" />
       <ellipsis-outlined key="ellipsis" />

components/collapse/demo/index.vue

@@ -34,7 +34,7 @@ export default {
     Mix,
     Noarrow,
     Extra,
-    Ghost
+    Ghost,
   },
 };
 </script>