feat: import type as type (#375)

src/components/product-card/index.vue

@@ -55,7 +55,7 @@
   </t-card>
 </template>
 <script setup lang="ts">
-import { PropType } from 'vue';
+import type { PropType } from 'vue';
 import {
   ShopIcon,
   CalendarIcon,

src/layouts/components/Content.vue

@@ -9,7 +9,8 @@
 </template>
 
 <script setup lang="ts">
-import { computed, ComputedRef } from 'vue';
+import { computed } from 'vue';
+import type { ComputedRef } from 'vue';
 import { useTabsRouterStore } from '@/store';
 
 // <suspense>标签属于实验性功能，请谨慎使用

src/layouts/components/Header.vue

@@ -64,13 +64,14 @@
 </template>
 
 <script setup lang="ts">
-import { PropType, computed } from 'vue';
+import { computed } from 'vue';
+import type { PropType } from 'vue';
 import { useRouter } from 'vue-router';
 import { useSettingStore } from '@/store';
 import { getActive } from '@/router';
 import { prefix } from '@/config/global';
 import LogoFull from '@/assets/assets-logo-full.svg?component';
-import { MenuRoute } from '@/types/interface';
+import type { MenuRoute } from '@/types/interface';
 
 import Notice from './Notice.vue';
 import Search from './Search.vue';

src/layouts/components/LayoutContent.vue

@@ -21,7 +21,7 @@
             :min-column-width="128"
             :popup-props="{
               overlayClassName: 'route-tabs-dropdown',
-              onVisibleChange: (visible: boolean, ctx) => handleTabMenuClick(visible, ctx, routeItem.path),
+              onVisibleChange: (visible, ctx) => handleTabMenuClick(visible, ctx, routeItem.path),
               visible: activeTabPath === routeItem.path,
             }"
           >
@@ -71,7 +71,7 @@ import { nextTick, ref, computed } from 'vue';
 import { useRoute, useRouter } from 'vue-router';
 import { useSettingStore, useTabsRouterStore } from '@/store';
 import { prefix } from '@/config/global';
-import { TRouterInfo } from '@/types/interface';
+import type { TRouterInfo } from '@/types/interface';
 
 import LContent from './Content.vue';
 import LBreadcrumb from './Breadcrumb.vue';

src/layouts/components/MenuContent.vue

@@ -29,9 +29,10 @@
 </template>
 
 <script setup lang="ts">
-import { computed, PropType } from 'vue';
+import { computed } from 'vue';
+import type { PropType } from 'vue';
 import isObject from 'lodash/isObject';
-import { MenuRoute } from '@/types/interface';
+import type { MenuRoute } from '@/types/interface';
 import { getActive } from '@/router';
 
 const props = defineProps({

src/layouts/components/Notice.vue

@@ -49,7 +49,7 @@
 import { useRouter } from 'vue-router';
 import { storeToRefs } from 'pinia';
 import { useNotificationStore } from '@/store';
-import { NotificationItem } from '@/types/interface';
+import type { NotificationItem } from '@/types/interface';
 
 const router = useRouter();
 const store = useNotificationStore();

src/layouts/components/SideNav.vue

@@ -16,14 +16,15 @@
 </template>
 
 <script setup lang="ts">
-import { computed, onMounted, PropType } from 'vue';
+import { computed, onMounted } from 'vue';
+import type { PropType } from 'vue';
 import { useRouter } from 'vue-router';
 import union from 'lodash/union';
 
 import { useSettingStore } from '@/store';
 import { prefix } from '@/config/global';
 import pgk from '../../../package.json';
-import { MenuRoute } from '@/types/interface';
+import type { MenuRoute } from '@/types/interface';
 import { getActive, getRoutesExpanded } from '@/router';
 
 import AssetLogo from '@/assets/assets-t-logo.svg?component';

src/layouts/setting.vue

@@ -100,7 +100,8 @@
 </template>
 <script setup lang="ts">
 import { ref, computed, onMounted, watchEffect } from 'vue';
-import { MessagePlugin, PopupVisibleChangeContext } from 'tdesign-vue-next';
+import { MessagePlugin } from 'tdesign-vue-next';
+import type { PopupVisibleChangeContext } from 'tdesign-vue-next';
 import { Color } from 'tvision-color';
 import useClipboard from 'vue-clipboard3';
 

src/pages/detail/secondary/index.vue

@@ -60,7 +60,7 @@ export default {
 import { ref, computed } from 'vue';
 import { storeToRefs } from 'pinia';
 import { NOTIFICATION_TYPES } from '@/constants';
-import { NotificationItem } from '@/types/interface';
+import type { NotificationItem } from '@/types/interface';
 import EmptyIcon from '@/assets/assets-empty.svg?component';
 import { useNotificationStore } from '@/store';
 

src/store/modules/notification.ts

@@ -1,5 +1,5 @@
 import { defineStore } from 'pinia';
-import { NotificationItem } from '@/types/interface';
+import type { NotificationItem } from '@/types/interface';
 
 const msgData = [
   {

src/store/modules/tabs-router.ts

@@ -1,5 +1,5 @@
 import { defineStore } from 'pinia';
-import { TRouterInfo, TTabRouterType } from '@/types/interface';
+import type { TRouterInfo, TTabRouterType } from '@/types/interface';
 import { store } from '@/store';
 
 const homeRoute: Array<TRouterInfo> = [