diff --git a/src/components/CommandPalettes.vue b/src/components/CommandPalettes.vue
index 8744417..2509e26 100644
--- a/src/components/CommandPalettes.vue
+++ b/src/components/CommandPalettes.vue
@@ -146,7 +146,7 @@
 </template>
 
 <script setup lang="ts">
-import { computed, ref } from 'vue'
+import { computed, ref, watch } from 'vue'
 import { MagnifyingGlassIcon } from '@heroicons/vue/20/solid'
 import {
     Combobox,
@@ -163,7 +163,7 @@ import { useCommandPalattesStore } from '@/stores/command'
 import { navigationIcon } from '@/utils/route'
 
 const command = useCommandPalattesStore()
-const recent = computed(() => query.value === '' ? command.readRecent() : [])
+const recent = computed(() => command.open ? command.readRecent() : [])
 const query = ref('')
 const filteredMenus = computed(() =>
     query.value === ''