\n \u003CUButton label=\"Delete\" @click=\"deleteItem\" />\n \u003CUButton label=\"Add\" @click=\"addItem\" />\n\u003C/template>\n\n\u003Cscript setup lang=\"ts\">\nfunction deleteItem() {\n const randomIndex = Math.floor(Math.random() * data.value.length);\n data.value.splice(randomIndex, 1);\n}\n\nfunction addItem() {\n data.value.push({\n id: Math.floor(Math.random() * 10000).toString(),\n });\n}\n\nconst data = ref([\n {\n id: \"4600\",\n },\n {\n id: \"4599\",\n },\n {\n id: \"4598\",\n },\n {\n id: \"4597\",\n },\n {\n id: \"4596\",\n },\n]);\n\u003C/script>\n```\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3220,3221,3222],{"name":3178,"color":3179},{"name":3141,"color":3142},{"name":3144,"color":3145},3821,"Table is not reactive","2025-04-08T10:36:33Z","https://github.com/nuxt/ui/issues/3821",0.7808711,{"description":3229,"labels":3230,"number":3232,"owner":3147,"repository":3148,"state":3149,"title":3233,"updated_at":3234,"url":3235,"score":3236},"### For what version of Nuxt UI are you asking this question?\n\nv2.x\n\n### Description\n\n### Description\nHi there,\n\nIn many of the projects I’m working on, I need to display a limited number of items in the command palette when no search is performed and show more items when a search is initiated.\n\nCurrent Issue\nThe `resultLimit` currently controls how many search results are shown, but I want to decouple the initial number of displayed items from the search result limit. Specifically, I want to:\n\n- Display 5 items by default when no search is performed.\n- Increase the number of displayed items to 20 when a search is initiated, controlled by the `resultLimit`, without affecting the initial state.\n- When attempting to conditionally control this behavior using a computed property, the feature does not work as expected.\n\n Versions\n\n@nuxt/ui: ^2.18.2\nnuxt: ^3.12.4\n\nExample\n\n```Javascript\n\u003Ctemplate>\n \u003CUCommandPalette\n command-attribute=\"title\"\n :fuse=\"{\n resultLimit: computedResultLimit\n }\"\n />\n\u003C/template>\n\n\u003Cscript setup>\nconst searchTerm = ref('');\n\nconst computedResultLimit = computed(() => {\n if (!searchTerm.value) {\n return 5;\n }\n return 20;\n});\n\u003C/script>\n```\n",[3231],{"name":3210,"color":3211},2393,"Command Palette: Specific Item Display with Conditional resultLimit Behavior","2024-10-16T09:31:26Z","https://github.com/nuxt/ui/issues/2393",0.7811867,{"labels":3238,"number":3244,"owner":3147,"repository":3147,"state":3149,"title":3245,"updated_at":3246,"url":3247,"score":3248},[3239,3241],{"name":3138,"color":3240},"8DEF37",{"name":3242,"color":3243},"3.x","29bc7f",12784,"Analyze and improve bundle sizes","2023-01-19T16:35:08Z","https://github.com/nuxt/nuxt/issues/12784",0.7820687,["Reactive",3250],{},["Set"],["ShallowReactive",3253],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fRbIe0Jg7eswDry9Gx6WWfXcSVTYuiqxA5GxAu0RM1Fw":-1},"/nuxt/ui/3934"]