feat(projects): 添加组件名称，调整vue文件里面的类型声明位置

src/layouts/common/GlobalSearch/components/SearchFooter.vue

@@ -16,7 +16,9 @@
   </div>
 </template>
 
-<script lang="ts" setup></script>
+<script lang="ts" setup>
+defineOptions({ name: 'SearchFooter' });
+</script>
 
 <style lang="scss" scoped>
 .icon {

src/layouts/common/GlobalSearch/components/SearchModal.vue

@@ -31,17 +31,19 @@ import { useRouteStore } from '@/store';
 import SearchResult from './SearchResult.vue';
 import SearchFooter from './SearchFooter.vue';
 
+defineOptions({ name: 'SearchModal' });
+
 interface Props {
   /** 弹窗显隐 */
   value: boolean;
 }
 
+const props = defineProps<Props>();
+
 interface Emits {
   (e: 'update:value', val: boolean): void;
 }
 
-const props = defineProps<Props>();
-
 const emit = defineEmits<Emits>();
 
 const router = useRouter();

src/layouts/common/GlobalSearch/components/SearchResult.vue

@@ -25,18 +25,20 @@ import { computed } from 'vue';
 import { Icon } from '@iconify/vue';
 import { useThemeStore } from '@/store';
 
+defineOptions({ name: 'SearchResult' });
+
 interface Props {
   value: string;
   options: AuthRoute.Route[];
 }
 
+const props = defineProps<Props>();
+
 interface Emits {
   (e: 'update:value', val: string): void;
   (e: 'enter'): void;
 }
 
-const props = defineProps<Props>();
-
 const emit = defineEmits<Emits>();
 
 const theme = useThemeStore();

src/layouts/common/GlobalSearch/index.vue

@@ -17,6 +17,8 @@ import { useThemeStore } from '@/store';
 import { useBoolean } from '@/hooks';
 import { SearchModal } from './components';
 
+defineOptions({ name: 'GlobalSearch' });
+
 const { bool: show, toggle } = useBoolean();
 const theme = useThemeStore();