\n\u003C/template>\n\n\u003Cscript setup>\n\tconst keyword = ref('');\n\n\twatchEffect(() => {\n\t\tconsole.log('🚀 ~ watchEffect ~ keyword.value:', keyword.value);\n\t});\n\u003C/script>\n```\n\n\n\n```vue\n\u003Ctemplate>\n\t\u003CUInput v-model=\"keyword\" />\n\u003C/template>\n\n\u003Cscript setup>\n\tconst keyword = ref('');\n\n\twatchEffect(() => {\n\t\tconsole.log('🚀 ~ watchEffect ~ keyword.value:', keyword.value);\n\t});\n\u003C/script>\n```\n\n### Logs\n\n```shell-script\n\n```",[2889,2890],{"name":2877,"color":2878},{"name":2863,"color":2864},2713,"UInput Component Lacks Proper Handling of compositionstart and compositionend","2024-11-21T06:40:46Z","https://github.com/nuxt/ui/issues/2713",0.73324674,{"description":2897,"labels":2898,"number":2904,"owner":2866,"repository":2867,"state":2905,"title":2906,"updated_at":2907,"url":2908,"score":2909},"### Description\n\nThe UPageCard component supports highlight and spotlight modes, but there’s no way to change its color dynamically. It just uses the primary color. It would be nice to be able to change this by a color prop.\n\n### Additional context\n\n_No response_",[2899,2900,2901],{"name":2857,"color":2858},{"name":2860,"color":2861},{"name":2902,"color":2903},"pro","5BD3CB",3389,"closed","UPageCard: Allow setting color","2025-03-08T12:22:25Z","https://github.com/nuxt/ui/issues/3389",0.7045516,{"description":2911,"labels":2912,"number":2919,"owner":2866,"repository":2866,"state":2905,"title":2920,"updated_at":2921,"url":2922,"score":2923},"### Describe the feature\r\n\r\nThe cache for the data fetching mechanism is already accessible via `useNuxtApp().payload.data`, I'm suggesting exposing it with a separate composable (`useNuxtData` or `getNuxtData`). it can introduce some interesting data-fetching patterns such as optimistic updates.\r\n\r\n### Examples\r\n- Showing stale data instead of a loading spinner (reading from cache): \r\n\r\n```ts\r\ninterface Post {\r\n userId: number;\r\n title: string;\r\n body: string;\r\n id: number\r\n}\r\n\r\nconst id = useRoute().params.id\r\n\r\nconst { data } = useLazyFetch(`/api/post/${id}`, {\r\n key: `post-${id}`,\r\n server: false,\r\n default: () => {\r\n return (useNuxtData().posts as Post[]).find(d => d.id === +id)\r\n }\r\n})\r\n```\r\n\r\n- Update the UI while the query is being invalidated in the background (writing to cache): \r\n\r\n```ts\r\n// in List.vue\r\nconst { data } = useLazyFetch('/api/notes', {\r\n key: 'notes'\r\n})\r\n\r\n// In Form.vue\r\nconst text = ref('')\r\n\r\nconst add = () => {\r\n (useNuxtData().notes as string[]).push(text.value)\r\n // ... Some mutation\r\n refreshNuxtData('notes')\r\n}\r\n```\r\n\r\n### Additional information\r\n\r\n- [X] Would you be willing to help implement this feature?\r\n- [X] Could this feature be implemented as a module?\r\n\r\n### Final checks\r\n\r\n- [X] Read the [contribution guide](https://v3.nuxtjs.org/community/contribution).\r\n- [X] Check existing [discussions](https://github.com/nuxt/framework/discussions) and [issues](https://github.com/nuxt/framework/issues).",[2913,2916],{"name":2914,"color":2915},"3.x","29bc7f",{"name":2917,"color":2918},"pending triage","E99695",15582,"Accessing async data cache object with a new composable","2023-01-19T17:56:33Z","https://github.com/nuxt/nuxt/issues/15582",0.7171235,{"description":2925,"labels":2926,"number":2930,"owner":2866,"repository":2931,"state":2905,"title":2932,"updated_at":2933,"url":2934,"score":2935},"",[2927],{"name":2928,"color":2929},"design","00bd6f",1209,"nuxt.com","[Workshop] Workshop single page ","2023-10-10T14:45:09Z","https://github.com/nuxt/nuxt.com/issues/1209",0.72580445,{"description":2937,"labels":2938,"number":2930,"owner":2866,"repository":2867,"state":2905,"title":2943,"updated_at":2944,"url":2945,"score":2935},"### Description\n\nAllow sorting by multiple columns by holding a modifier modifier key and clicking multiple columns.\r\n\r\nAs an example:\r\nhttps://primevue.org/datatable/#multiple_sort\n\n### Additional context\n\n_No response_",[2939,2940,2942],{"name":2857,"color":2858},{"name":2941,"color":2864},"wontfix-v2",{"name":2860,"color":2861},"`UTable` sort by multiple columns","2025-03-24T14:57:22Z","https://github.com/nuxt/ui/issues/1209",{"description":2947,"labels":2948,"number":2951,"owner":2866,"repository":2931,"state":2905,"title":2952,"updated_at":2953,"url":2954,"score":2955},"**General**\n- [x] On both logo sliders, it shouldn't move while mouse over\n- [ ] Slide-in apparitions on scroll for images & texts in sections\n\n- [x] pb-10 is enough spacing between title of section & content\n- [x] I don't know if it's intended but every bold text in sections is \"Focus on the big picture\"\n\n**Hero**\n\n- [ ] Description should be => line-height: 170%\n\n- [x] [Lightmode] Gem aspect should be better\n- [x] @R-mooon => Increase mesh subdivision in blender in order to make gem angles even smoother + try compress hdr even more \n- [ ] [Mobile] @R-mooon will make a specific design [Edit : @Flosciante => see comments]\n\n**Sections**\n\n- [ ] [Darkmode] Description text should be one gray lighter\n\n**Framework**\n- [x] Play icon is missing over the video\n- [ ] [Darkmode] Overlay is too bright when modal is open\n\n**Projects**\n\n- [x] Cursor should be at end of content\n\n- [ ] Is it possible to make the animation in revert also ? I mean make \"droe\" & \"atinux\" deleting the content in order to make the animation infinite\n\n\n- [ ] [Darkmode] \"Read more\" on the card is too light \n\n**Community**\n\n- [x] See the nuxters have to look like the links in sections\n\n**Partners**\n\n- [ ] @R-mooon needs to rework some partners logo to make them display well\n\n**Newsletter**\n\n- [x] Less margin-top & more margin-bottom (should have nearly the same space up & down)\n\n- [ ] Update background gradient [Edit : Flo is gonna make a mouse interaction instead]\n\n**Suggestions**\n\n- [ ] Make this \"My account\" button follow content width (and the actual width being the max-w)\n- [ ] Why not making account name white and have a background color on hover, at the moment i find the right part of header very grey-ish, i feel like the name is disabled\n\n\n- [x] Try make logo banner fit inside container to see if it looks more consistent [Edit : Cancelled, tested and it looks worse than before]\n\n",[2949],{"name":2857,"color":2950},"1ad6ff",712,"[Home] Design feedbacks","2023-09-05T08:18:34Z","https://github.com/nuxt/nuxt.com/issues/712",0.7336934,{"description":2957,"labels":2958,"number":2965,"owner":2866,"repository":2866,"state":2905,"title":2966,"updated_at":2967,"url":2968,"score":2969},"RFC: https://github.com/nuxt/nuxt/discussions/16831\n\nThe solution the community voted the most is the following:\n\n```ts\nconst { data: user } = await useFetch('/api/user/100', {\n pick: [ 'name', 'info.url', 'info.like.status' ]\n})\n```\n\nAlso a note regarding the data returned as Array, we shall be able to smartly identify if it is an array of objects to apply the pick on each item.\n\nTo note, a potential improvement if `pick` is a string: #19545 ",[2959,2961,2964],{"name":2857,"color":2960},"8DEF37",{"name":2962,"color":2963},"discussion","538de2",{"name":2914,"color":2915},19844,"Improved `pick` API for `useAsyncData` and `useFetch`","2023-04-13T16:43:11Z","https://github.com/nuxt/nuxt/issues/19844",0.7384131,{"description":2971,"labels":2972,"number":2978,"owner":2866,"repository":2867,"state":2905,"title":2979,"updated_at":2980,"url":2981,"score":2982},"### For what version of Nuxt UI are you asking this question?\n\nv2.x\n\n### Description\n\nDoesn't it make more sense to render a `section` element on [LandingSection](https://ui.nuxt.com/pro/components/landing-section)?\n\nIf no, can I change it natively (aka without need to rewrite all the component or create my own component)?",[2973,2976,2977],{"name":2974,"color":2975},"question","d876e3",{"name":2860,"color":2861},{"name":2902,"color":2903},2437,"[Pro] Why LandingSection component render a `div` instead of a `section` element?","2024-10-22T21:02:07Z","https://github.com/nuxt/ui/issues/2437",0.73879766,["Reactive",2984],{},["Set"],["ShallowReactive",2987],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fkBf7noS6B5M0dYqz3CX4EAj_PatP37w7ci1uvQProWA":-1},"/nuxt/ui/2286"]