fix(eslint): fix eslint globals

.eslintrc

@@ -11,6 +11,10 @@
     "jest": true,
     "es6": true
   },
+  "globals": {
+    "defineProps": "readonly",
+    "defineEmits": "readonly"
+  },
   "plugins": [
     "vue",
     "@typescript-eslint"

package.json

@@ -23,9 +23,9 @@
     "nprogress": "^0.2.0",
     "qrcode.vue": "^3.2.2",
     "tdesign-icons-vue-next": "^0.0.6",
-    "tdesign-vue-next": "0.7.0-alpha.0",
+    "tdesign-vue-next": "^0.8.0",
     "tvision-color": "^1.3.1",
-    "vue": "^3.1.5",
+    "vue": "^3.2.31",
     "vue-color-kit": "^1.0.5",
     "vue-router": "^4.0.11",
     "vue3-clipboard": "^1.0.0",

src/components/card/Card.vue

@@ -9,21 +9,15 @@
           <user-avatar-icon v-if="product.type === 4" />
           <laptop-icon v-if="product.type === 5" />
         </div>
-        <t-tag :theme="product.isSetup ? 'success' : 'default'" :disabled="!product.isSetup">{{
-          product.isSetup ? '已启用' : '已停用'
-        }}</t-tag>
+        <t-tag :theme="product.isSetup ? 'success' : 'default'" :disabled="!product.isSetup">
+          {{ product.isSetup ? '已启用' : '已停用' }}
+        </t-tag>
       </t-row>
-      <p class="list-card-item_detail--name">
-        {{ product.name }}
-      </p>
-      <p class="list-card-item_detail--desc">
-        {{ product.description }}
-      </p>
+      <p class="list-card-item_detail--name">{{ product.name }}</p>
+      <p class="list-card-item_detail--desc">{{ product.description }}</p>
       <t-row justify="space-between" align="middle" :class="cardControlClass">
         <div>
-          <t-button shape="circle" :disabled="!product.isSetup">
-            {{ typeMap[product.type - 1] }}
-          </t-button>
+          <t-button shape="circle" :disabled="!product.isSetup">{{ typeMap[product.type - 1] }}</t-button>
           <t-button shape="circle" :disabled="!product.isSetup">
             <add-icon />
           </t-button>
@@ -53,7 +47,7 @@
   </div>
 </template>
 <script setup lang="ts">
-import { computed, defineProps, PropType, defineEmits } from 'vue';
+import { computed, PropType } from 'vue';
 import {
   ShopIcon,
   CalendarIcon,

src/components/card/index.vue

@@ -17,7 +17,7 @@
   </div>
 </template>
 <script setup lang="ts">
-import { defineProps, computed } from 'vue';
+import { computed } from 'vue';
 
 const props = defineProps({
   title: String,

src/components/color/index.vue

@@ -2,7 +2,7 @@
   <div :style="style" class="color-container" />
 </template>
 <script setup lang="ts">
-import { defineProps, computed } from 'vue';
+import { computed } from 'vue';
 import { useStore } from 'vuex';
 import { getBrandColor } from '@/config/color';
 

src/components/result/index.vue

@@ -9,7 +9,7 @@
   </div>
 </template>
 <script setup lang="ts">
-import { defineProps, computed } from 'vue';
+import { computed } from 'vue';
 import Result403Icon from '@/assets/assets-result-403.svg?component';
 import Result404Icon from '@/assets/assets-result-404.svg?component';
 import Result500Icon from '@/assets/assets-result-500.svg?component';

src/components/thumbnail/index.vue

@@ -2,7 +2,7 @@
   <img :class="className" :src="url" />
 </template>
 <script setup lang="ts">
-import { computed, defineProps } from 'vue';
+import { computed } from 'vue';
 
 const props = defineProps({
   url: String,

src/components/trend/index.vue

@@ -21,7 +21,7 @@
   </span>
 </template>
 <script setup lang="ts">
-import { defineProps, computed } from 'vue';
+import { computed } from 'vue';
 
 const props = defineProps({
   type: String,

src/layouts/components/Header.vue

@@ -64,7 +64,7 @@
 </template>
 
 <script setup lang="ts">
-import { defineProps, PropType, computed } from 'vue';
+import { PropType, computed } from 'vue';
 import { useStore } from 'vuex';
 import { useRouter, useRoute } from 'vue-router';
 

src/layouts/components/Search.vue

@@ -37,7 +37,7 @@
 </template>
 
 <script setup lang="ts">
-import { ref, defineProps } from 'vue';
+import { ref } from 'vue';
 
 const layout = defineProps({
   type: String,

src/pages/list/card/components/DialogForm.vue

@@ -34,8 +34,8 @@
   </t-dialog>
 </template>
 
-<script lang="ts">
-import { defineComponent, ref, watch } from 'vue';
+<script setup lang="ts">
+import { ref, watch } from 'vue';
 import { MessagePlugin } from 'tdesign-vue-next';
 
 const INITIAL_DATA = {
@@ -53,8 +53,7 @@ const SELECT_OPTIONS = [
   { label: 'CVM', value: '3' },
 ];
 
-export default defineComponent({
-  props: {
+const props = defineProps({
   visible: {
     type: Boolean,
     default: false,
@@ -65,8 +64,8 @@ export default defineComponent({
       return {};
     },
   },
-  },
-  setup(props, ctx) {
+});
+
 const formVisible = ref(false);
 const formData = ref(props.data);
 const textareaValue = ref('');
@@ -86,10 +85,10 @@ export default defineComponent({
   formData.value = { ...INITIAL_DATA };
 };
 
+const emit = defineEmits(['update:visible']);
 watch(
   () => formVisible.value,
   (val) => {
-        const { emit } = ctx;
     emit('update:visible', val);
   },
 );
@@ -108,17 +107,7 @@ export default defineComponent({
   },
 );
 
-    return {
-      SELECT_OPTIONS,
-      formVisible,
-      formData,
-      textareaValue,
-      onSubmit,
-      onClickCloseBtn,
-      rules: {
+const rules = {
   name: [{ required: true, message: '请输入产品名称', type: 'error' }],
-      },
 };
-  },
-});
 </script>

src/pages/login/components/Register.vue

@@ -71,7 +71,7 @@
 </template>
 
 <script setup lang="ts">
-import { defineEmits, ref } from 'vue';
+import { ref } from 'vue';
 import { MessagePlugin } from 'tdesign-vue-next';
 import { useCounter } from '@/hooks';