\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",[1984,1987],{"name":1985,"color":1986},"question","d876e3",{"name":1988,"color":1989},"stale","ededed",2092,"nuxt","ui","open","UTable column width","2024-09-29T02:05:59Z","https://github.com/nuxt/ui/issues/2092",0.77848864,{"description":1999,"labels":2000,"number":2007,"owner":1991,"repository":1992,"state":1993,"title":2008,"updated_at":2009,"url":2010,"score":2011},"### Description\r\n\r\nHi 👋🏻 \r\n\r\nI started using NuxtUI and realized one more thing that can be improved. Right now, For `v-model` of tabs component index (number) is used.\r\n\r\nIf we want to get the key of active tab for making API req then we have to do something like below:\r\n```ts\r\nconst activeTabKey = items[itemsModel.value]!.key\r\n\r\n// With this feature implemented we can directly use `itemsModel.value`\r\n```\r\n\r\nInstead, if we can allow using `key` then:\r\n- I'll be more readable\r\n- If we change the order of the tabs (in items array) it doesn't affect the active tab\r\n\r\n### Additional context\r\n\r\nWe can also introduce this change in v3.",[2001,2004],{"name":2002,"color":2003},"enhancement","a2eeef",{"name":2005,"color":2006},"triage","ffffff",2061,"Allow using tab item key as value for v-model","2024-08-20T06:04:17Z","https://github.com/nuxt/ui/issues/2061",0.7788244,{"description":2013,"labels":2014,"number":2017,"owner":1991,"repository":2018,"state":2019,"title":2020,"updated_at":2021,"url":2022,"score":2023},"- [x] Styling with custom theme\n- [x] Components => #321 \n- [x] Tooltips over content",[2015],{"name":2002,"color":2016},"1ad6ff",265,"nuxt.com","closed","Milkdown editor improvements","2023-06-06T12:14:50Z","https://github.com/nuxt/nuxt.com/issues/265",0.70757055,{"description":2025,"labels":2026,"number":2017,"owner":1991,"repository":2030,"state":2019,"title":2031,"updated_at":2032,"url":2033,"score":2023},"### 🐛 The bug\r\n\r\n1. Start the stackblitz reproduction\r\n2. You must be on the index page `/`\r\n3. DO NOT click the video in index\r\n4. Click `Go to Page`\r\n5. Try to play the video clicking it\r\n6. See that the script won't load the video\r\n\r\nBtw, after following these steps, if you back to index and then back again to `/page` the script will load automatically without clicking it.\r\n\r\n### 🛠️ To reproduce\r\n\r\nhttps://stackblitz.com/edit/nuxt-starter-hulk8u\r\n\r\n### 🌈 Expected behavior\r\n\r\nThe script in `/page` should be loaded after following these steps\r\n\r\n### ℹ️ Additional context\r\n\r\nnuxt: 3.13.1\r\n@nuxt/scripts: 0.9.0",[2027],{"name":2028,"color":2029},"bug","d73a4a","scripts","ScriptYouTubePlayer: script doesn't load if you navigate from a page with a script to another page with a script without triggering the previous one","2024-09-15T21:25:06Z","https://github.com/nuxt/scripts/issues/265",{"description":2035,"labels":2036,"number":2039,"owner":1991,"repository":2018,"state":2019,"title":2040,"updated_at":2041,"url":2042,"score":2043},"",[2037],{"name":2028,"color":2038},"ff281a",84,"Fix `SelectCustom` popover in dark mode","2022-03-01T11:09:46Z","https://github.com/nuxt/nuxt.com/issues/84",0.7280122,{"description":2045,"labels":2046,"number":2048,"owner":1991,"repository":2018,"state":2019,"title":2049,"updated_at":2050,"url":2051,"score":2052},"> As of right now, the `ui` module does not support overriding the gray color",[2047],{"name":2002,"color":2016},486,"Dark mode with custom gray palette","2022-05-18T09:03:31Z","https://github.com/nuxt/nuxt.com/issues/486",0.73846495,{"description":2054,"labels":2055,"number":2048,"owner":1991,"repository":2056,"state":2019,"title":2057,"updated_at":2058,"url":2059,"score":2052},"This way of overriding options (using spread operator):\r\nhttps://github.com/nuxt-community/module-test-utils/blob/2801ebd478d54e97d95310bbfbd69e642223f363/lib/setup.js#L13-L16\r\nis often very limiting because it makes it impossible to override particular property of an object that has other properties.\r\n\r\nFor example, if we try to override one property from object:\r\n```\r\n{\r\n i18n: {\r\n a: 1,\r\n b: 2,\r\n c: 3,\r\n }\r\n}\r\n```\r\nwith:\r\n```\r\nconst override = {\r\n i18n: {\r\n b: 4\r\n }\r\n}\r\n```\r\nthen that will override whole `i18n` object, leaving just property `b`.\r\n\r\nThis module should rather use something like this:\r\n```\r\nconst deepMerge = require('deepmerge')\r\nconst options = deepMerge.all([options, override])\r\n```\r\n(This would probably be a breaking change if one relied on previous behavior)",[],"test-utils","Inflexible nuxt options override","2023-12-02T00:13:13Z","https://github.com/nuxt/test-utils/issues/486",{"description":2035,"labels":2061,"number":2063,"owner":1991,"repository":2018,"state":2019,"title":2064,"updated_at":2065,"url":2066,"score":2067},[2062],{"name":2002,"color":2016},287,"Custom scrollbars for dark mode","2023-02-15T12:32:05Z","https://github.com/nuxt/nuxt.com/issues/287",0.73898757,{"description":2035,"labels":2069,"number":2063,"owner":1991,"repository":2056,"state":2019,"title":2070,"updated_at":2071,"url":2072,"score":2067},[],"detect nuxt.config.ts","2023-12-02T00:13:07Z","https://github.com/nuxt/test-utils/issues/287",{"description":2035,"labels":2074,"number":2076,"owner":1991,"repository":2018,"state":2019,"title":2077,"updated_at":2078,"url":2079,"score":2080},[2075],{"name":2002,"color":2016},497,"[Milkdown] Replace Prism by Shiki to have the code highlight as in `@nuxt/content`","2023-06-06T12:14:53Z","https://github.com/nuxt/nuxt.com/issues/497",0.74915457,["Reactive",2082],{},["Set"],["ShallowReactive",2085],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"y-pSD-jsTykKSUPwNhgVHfIWDtDDoOX4-2Tj3m3NfC8":-1},"/nuxt/nuxt.com/124"]