\n```",[1984,1987],{"name":1985,"color":1986},"question","d876e3",{"name":1988,"color":1989},"v3","49DCB8",3517,"nuxt","ui","open","How To Style NavigationMenu items","2025-03-14T13:01:49Z","https://github.com/nuxt/ui/issues/3517",0.79478765,{"description":1999,"labels":2000,"number":2005,"owner":1991,"repository":1992,"state":1993,"title":2006,"updated_at":2007,"url":2008,"score":2009},"### Description\r\n\r\nThe code for specifying column width when there is no data is as follows and it is expected\r\n\r\n```vue\r\n\u003Ctemplate>\r\n \u003Cdiv>\r\n \u003CUTable :empty-state=\"{ icon: 'i-heroicons-circle-stack-20-solid', label: 'No items.' }\" :rows=\"people\"\r\n :columns=\"columns\">\r\n \u003Ctemplate #from-data=\"{ row }\">\r\n {{ row.from.value }}\r\n \u003C/template>\r\n \u003C/UTable>\r\n \u003CUNotifications>\r\n \u003Ctemplate #title=\"{ title }\">\r\n \u003Cspan v-html=\"title\" />\r\n \u003C/template>\r\n\r\n \u003Ctemplate #description=\"{ description }\">\r\n \u003Cspan v-html=\"description\" />\r\n \u003C/template>\r\n \u003C/UNotifications>\r\n \u003C/div>\r\n\u003C/template>\r\n\r\n\u003Cscript setup lang=\"ts\">\r\nconst toast = useToast()\r\nconst app = useNuxtApp()\r\n\r\nconst columns = [{\r\n key: \"id\",\r\n label: \"编号\",\r\n class: 'w-16'\r\n}, {\r\n key: \"from\",\r\n label: \"发方\",\r\n class: 'w-[180px]'\r\n}, {\r\n key: \"to\",\r\n label: \"接方\",\r\n class: 'w-[180px]'\r\n\r\n}, {\r\n key: \"type\",\r\n label: \"类型\",\r\n class: 'w-[120px]'\r\n\r\n}, {\r\n key: \"value\",\r\n label: \"金额\",\r\n class: 'w-[120px]'\r\n\r\n}, {\r\n key: \"hash\",\r\n label: \"哈希\",\r\n}\r\n]\r\n\r\nconst people = ref([\r\n /*{\r\n \"id\": 1,\r\n \"from\": { value: '0x11111111fce9647bdf1e7877bf73ce8b0bad1111', class: 'w-[80px]' },\r\n \"to\": '0x22222222fce9647bdf1e7877bf73ce8b0bad2222',\r\n \"type\": 'ETH',\r\n \"value\": '123',\r\n \"hash\": '0x88baba17ca0060d644a72a9460260104eea81e7959445d3500d015ed71875d38',\r\n }*/\r\n])\r\n\r\n\r\n\u003C/script>\r\n\r\n\r\n\u003Cstyle>\r\na {\r\n color: #65a30d;\r\n font-weight: 700;\r\n font-size: 20px;\r\n}\r\n\r\n\r\n\u003C/style>\r\n```\r\n\r\n\r\n\r\nHowever, once there is data, it will be stretched open. How can I fix the header so that the content is partially hidden and drag the header to decide whether to hide or display it? This is too common in daily development and provides a good user experience\r\n\r\n\r\n```vue\r\nconst people = ref([\r\n {\r\n \"id\": 1,\r\n \"from\": { value: '0x11111111fce9647bdf1e7877bf73ce8b0bad1111', class: 'w-[80px]' },\r\n \"to\": '0x22222222fce9647bdf1e7877bf73ce8b0bad2222',\r\n \"type\": 'ETH',\r\n \"value\": '123',\r\n \"hash\": '0x88baba17ca0060d644a72a9460260104eea81e7959445d3500d015ed71875d38',\r\n }\r\n])\r\n```\r\n\r\n",[2001,2002],{"name":1985,"color":1986},{"name":2003,"color":2004},"stale","ededed",2092,"UTable column width","2024-09-29T02:05:59Z","https://github.com/nuxt/ui/issues/2092",0.79542094,{"description":2011,"labels":2012,"number":2013,"owner":1991,"repository":2014,"state":2015,"title":2016,"updated_at":2017,"url":2018,"score":2019},"[nuxt/components](https://github.com/nuxt/components) is not work in setupTest:\r\n\r\n```js\r\nsetupTest({\r\n config: {\r\n components: true // \u003C-- not work\r\n }\r\n });\r\n```",[],495,"test-utils","closed","nuxt/components is not work in setupTest","2023-12-02T00:13:13Z","https://github.com/nuxt/test-utils/issues/495",0.458288,{"description":2021,"labels":2022,"number":2023,"owner":1991,"repository":2014,"state":2015,"title":2024,"updated_at":2017,"url":2025,"score":2026},"link \"See module options\" in https://github.com/nuxt/test-utils not found\r\nlink \"Setup\" in https://test-utils.nuxtjs.org/api-reference/setup not worked",[],491,"page https://test-utils.nuxtjs.org/options not found","https://github.com/nuxt/test-utils/issues/491",0.6876171,{"description":2028,"labels":2029,"number":2033,"owner":1991,"repository":2034,"state":2015,"title":2035,"updated_at":2036,"url":2037,"score":2038},"### 🐛 The bug\n\nUpdated Nuxt and all modules to the latest and getting the error in the title. Worked without issues before. \n\nHere is the error stack: \n```\nGAnalytics.ts:20 Error: useHead() was called without provide context, ensure you call it through the setup() function.\n at injectHead (vue.BYLJNEcq.mjs?v=1c7113e8:26:9)\n at useScript (vue.cHBs6zvy.mjs?v=1c7113e8:34:33)\n at useScript (useScript.js?v=1c7113e8:30:20)\n at useRegistryScript (utils.js?v=1c7113e8:48:10)\n at useScriptGoogleAnalytics (google-analytics.js?v=1c7113e8:9:10)\n at Object.trackEvent (GAnalytics.ts:4:25)\n```\n\nI use this composable for firing GA events: \n```\nexport const useGAnalytics = () => {\n const trackEvent = (eventName: string, params: any = null) => {\n try {\n const { proxy } = useScriptGoogleAnalytics();\n\n proxy.gtag(\"event\", eventName, params);\n } catch (error) {\n console.error(error);\n }\n };\n return {\n trackEvent,\n };\n};\n```\nI simply call trackEvent in various places, script tags, on event listeners on a button, etc. Worked fine before. \n\nThe bug can be seen in the reproduction. If you try to navigate between pages, the error occurs\n\n### 🛠️ To reproduce\n\nhttps://stackblitz.com/edit/github-cabjusrz?file=pages%2Fabout.vue,composables%2FGA.ts\n\n### 🌈 Expected behavior\n\nExpected events to fire without throwing an error. \n\n### ℹ️ Additional context\n\n_No response_",[2030],{"name":2031,"color":2032},"bug","d73a4a",437,"scripts","useHead() was called without provide context, ensure you call it through the setup() function","2025-03-25T15:37:19Z","https://github.com/nuxt/scripts/issues/437",0.7452999,{"description":2040,"labels":2041,"number":2047,"owner":1991,"repository":1992,"state":2015,"title":2048,"updated_at":2049,"url":2050,"score":2051},"### For what version of Nuxt UI are you asking this question?\n\nv3.0.0-alpha.x\n\n### Description\n\nHow can I add more colors to the selection? Cause I am getting a type error when using a new color.\n\n\n\n",[2042,2045,2046],{"name":2043,"color":2044},"duplicate","cfd3d7",{"name":1985,"color":1986},{"name":1988,"color":1989},2931,"Define more tailwind colors in ui colors","2024-12-18T08:48:36Z","https://github.com/nuxt/ui/issues/2931",0.75101393,{"description":2053,"labels":2054,"number":2057,"owner":1991,"repository":2058,"state":2015,"title":2059,"updated_at":2060,"url":2061,"score":2062},"\n\nI believe we should add a check here to make sure the data is correct, otherwise throw (will fallback to the toast error): https://github.com/nuxtlabs/nuxt.com/blob/dev/composables/useProjectComponents.ts#L29\n",[2055],{"name":2031,"color":2056},"ff281a",489,"nuxt.com","Editor cannot load if preview has not `/api/component-meta`","2022-05-11T14:14:55Z","https://github.com/nuxt/nuxt.com/issues/489",0.75662196,{"description":2064,"labels":2065,"number":2068,"owner":1991,"repository":1992,"state":2015,"title":2069,"updated_at":2070,"url":2071,"score":2072},"### Description\n\nI can see there was some changes [here](https://github.com/nuxt/ui/pull/3123) which is great.\n\nI'm just wondering why the 'help' property was excluded from these additions?\n\nThank you!",[2066,2067],{"name":1985,"color":1986},{"name":1988,"color":1989},3685,"Was UFormField 'help' property excluded from the aria-describedby update for any specific reason?","2025-03-26T12:47:39Z","https://github.com/nuxt/ui/issues/3685",0.76115376,{"description":2074,"labels":2075,"number":2076,"owner":1991,"repository":2058,"state":2015,"title":2077,"updated_at":2078,"url":2079,"score":2080},"\n\nCursor should be a pointer on collapsable Categories titles",[],1153,"[Docs] Add pointer on collapsables categories titles","2023-09-05T08:18:52Z","https://github.com/nuxt/nuxt.com/issues/1153",0.77368087,{"description":2082,"labels":2083,"number":2085,"owner":1991,"repository":2058,"state":2015,"title":2086,"updated_at":2087,"url":2088,"score":2089},"From nuxt-modules/tailwindcss#571\n\nReproduction: https://nuxt.com/modules/tailwindcss on light mode\n\n\nI also noticed that the menu on mobile is broken when going directly to a module's page:\n\n",[2084],{"name":2031,"color":2056},977,"[Module] Fix syntax highlight on light mode","2023-06-06T12:14:18Z","https://github.com/nuxt/nuxt.com/issues/977",0.7747833,["Reactive",2091],{},["Set"],["ShallowReactive",2094],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"MWMLPcSDxnGGxi-yPXK7oom61uYTsJ_qQBzJrUJ1TzQ":-1},"/nuxt/nuxt.com/495"]