diff --git a/src/App.vue b/src/App.vue
index 471e1a4..4acd84b 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -77,7 +77,7 @@ const show = ref<boolean>(true);
 const data = ref<AtlasRenderArgument[]>([]);
 const showResourceManager = ref<boolean>(false);
 const projectData = ref<ProjectData>({name: "未命名", resourceRequired: [], lastSave: new Date(), lastChange: new Date()});
-const atlasResources = computed<AtlasResource>(() => projectData.value.resourceRequired.filter((e) => e.type === ResourceType.ATLAS));
+const atlasResources = computed<AtlasResource[]>(() => projectData.value.resourceRequired.filter((e) => e.type === ResourceType.ATLAS) as AtlasResource[]);
 onMounted(async () => {
 })
 const onEdit = (skel: {skel: Skeleton, obj: RenderArgument}) => {
diff --git a/src/components/resources/ImportResource.vue b/src/components/resources/ImportResource.vue
index 1af982d..d2df681 100644
--- a/src/components/resources/ImportResource.vue
+++ b/src/components/resources/ImportResource.vue
@@ -1,10 +1,10 @@
 <script setup lang="ts">
-import {computed, defineEmits, onMounted, onUnmounted, ref} from "vue";
+import {computed, defineEmits, ref} from "vue";
 import {AtlasResource} from "../../entities/resource/AtlasResource.ts";
 import {TextureAtlas} from "@esotericsoftware/spine-core";
 import {ResourceType} from "../../entities/BaseResource.ts";
 
-const emit = defineEmits<{(e: 'addResource', resources: AtlasResource[])}>();
+const emit = defineEmits<{(e: 'addResource', resources: AtlasResource[]): void}>();
 type UploadingImageData = {name: string, data?: File};
 type UploadingAtlasData = {name: string, data: File, images: UploadingImageData[]};
 const resourceData = ref<UploadingAtlasData[]>([]);
@@ -55,7 +55,7 @@ const onImportImage = (evt: Event, imageName: string, atlasName: string) => {
 
 }
 const importAtlas = () => {
-  const data = resourceData.value.map((e) => {
+  const data: AtlasResource[] = resourceData.value.map((e) => {
     return {
       name: e.name,
       extend: ".atlas",