diff --git a/src/App.vue b/src/App.vue
index 53d6f2f5..abff3840 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -69,6 +69,7 @@
       @remove="onDetailRemove"
       @open-preview="openScreenPreview"
       @open-app="openDownloadedApp"
+      @check-install="checkAppInstalled"
     />
 
     <ScreenPreview
diff --git a/src/components/AppDetailModal.vue b/src/components/AppDetailModal.vue
index 30afa4fc..c0f75ae7 100644
--- a/src/components/AppDetailModal.vue
+++ b/src/components/AppDetailModal.vue
@@ -274,6 +274,7 @@ const emit = defineEmits<{
   (e: "remove", app: App): void;
   (e: "open-preview", index: number): void;
   (e: "open-app", pkgname: string): void;
+  (e: "check-install", app: App): void;
 }>();
 
 const appPkgname = computed(() => props.app?.pkgname);
@@ -305,6 +306,16 @@ const displayApp = computed(() => {
     : props.app.apmApp || props.app;
 });
 
+watch(
+  () => displayApp.value,
+  (newApp) => {
+    if (newApp) {
+      emit("check-install", newApp);
+    }
+  },
+  { immediate: false },
+);
+
 const activeDownload = computed(() => {
   return downloads.value.find((d) => d.pkgname === displayApp.value?.pkgname);
 });