\n \u003C/template>\n \u003Ctemplate #promotional-price-cell=\"{ row }\">\n \u003CUInput v-model=\"row.original.promotionalPrice\" type=\"number\" />\n \u003C/template>\n \u003Ctemplate #inventory-cell=\"{ row }\">\n \u003CUInput v-model=\"row.original.inventory\" type=\"number\" />\n \u003C/template>\n \u003Ctemplate #warning-inventory-cell=\"{ row }\">\n \u003CUInput v-model=\"row.original.warningInventory\" type=\"number\" />\n \u003C/template>\n \u003Ctemplate #sku-cell=\"{ row }\">\n \u003CUInput v-model=\"row.original.sku\" />\n \u003C/template>\n \u003C/UTable>\n \u003C/div>\n\n \u003Cp>{{ combinationRows }}\u003C/p>\n\u003C/template>\n\n\n\u003Cscript lang=ts setup>\n\nconst columns: TableColumn\u003CCombinationRow>[] = [\n {\n accessorKey: 'color',\n header: 'color'\n },\n {\n accessorKey: 'size',\n header: 'size'\n },\n {\n id: 'price',\n header: () => h('div', { class: 'flex items-center gap-1' }, [\n h('span', 'Price'), // Header Text\n h(UButton, {\n size: 'xs', \n color: 'neutral',\n variant: 'ghost', \n icon: 'i-hugeicons:copy-01', \n 'aria-label': 'Price information', \n class: 'cursor-pointer', \n \n onclick: () => {\n console.log('Price button clicked');\n\n if (combinationRows.value.length > 0) {\n const firstRowPrice = combinationRows?.value?.[0]?.price ?? '0';\n combinationRows.value.forEach(row => {\n row.price = firstRowPrice;\n });\n triggerRef(combinationRows); // Force table update - important for reactivity\n \n } else {\n console.warn('No rows available to copy price from.');\n }\n }\n },\n )\n ])\n },\n {\n id: 'promotional-price',\n header: () => h('div', { class: 'flex items-center gap-1' }, [\n h('span', 'promotional price'), // Header Text\n h(UButton, {\n size: 'xs', // Adjust button size as needed\n color: 'neutral', // Style the button to be less prominent\n variant: 'ghost', // Make it a ghost button style\n icon: 'i-hugeicons:copy-01', // Icon from your icon set\n 'aria-label': 'Price information', // Accessibility label\n class: 'cursor-pointer', // Override default button padding and margin\n // Set to false if you only want to show the icon and no text on the button itself. If you want text *on* the button, remove this and adjust the children of h(UButton)\n onclick: () => {\n console.log('Price button clicked');\n }\n },\n /* if you want text *on* the button instead of tooltip, you could add slot content here, e.g., () => 'Info' */\n )\n ])\n },\n {\n id: 'inventory',\n header: () => h('div', { class: 'flex items-center gap-1' }, [\n h('span', 'Inventory'), // Header Text\n h(UButton, {\n size: 'xs', // Adjust button size as needed\n color: 'neutral', // Style the button to be less prominent\n variant: 'ghost', // Make it a ghost button style\n icon: 'i-hugeicons:copy-01', // Icon from your icon set\n 'aria-label': 'Price information', // Accessibility label\n class: 'cursor-pointer', // Override default button padding and margin\n // Set to false if you only want to show the icon and no text on the button itself. If you want text *on* the button, remove this and adjust the children of h(UButton)\n onclick: () => {\n console.log('Price button clicked');\n }\n },\n /* if you want text *on* the button instead of tooltip, you could add slot content here, e.g., () => 'Info' */\n )\n ])\n },\n {\n id: 'warning-inventory',\n header: () => h('div', { class: 'flex items-center gap-1' }, [\n h('span', 'Warning Inventory value'), // Header Text\n h(UButton, {\n size: 'xs', // Adjust button size as needed\n color: 'neutral', // Style the button to be less prominent\n variant: 'ghost', // Make it a ghost button style\n icon: 'i-hugeicons:copy-01', // Icon from your icon set\n 'aria-label': 'Price information', // Accessibility label\n class: 'cursor-pointer', // Override default button padding and margin\n // Set to false if you only want to show the icon and no text on the button itself. If you want text *on* the button, remove this and adjust the children of h(UButton)\n onclick: () => {\n console.log('Price button clicked');\n }\n },\n /* if you want text *on* the button instead of tooltip, you could add slot content here, e.g., () => 'Info' */\n )\n ])\n },\n {\n id: 'sku',\n header: 'SKU number'\n }\n];\n\n\u003C/script>\n```\n\nwhen updating price to all rows in onClick (see onClick for price above) it does not update UInput in all rows\nalthough i can see \u003Cp>{{ combinationRows }}\u003C/p> getting updated. The question is how can i update price to all rows. using v3.0.0-alpha.13",[1984,1987],{"name":1985,"color":1986},"question","d876e3",{"name":1988,"color":1989},"v3","49DCB8",3381,"nuxt","ui","open","Uinput not updating inside UTable rows","2025-02-23T14:08:33Z","https://github.com/nuxt/ui/issues/3381",0.7493547,{"description":1999,"labels":2000,"number":2001,"owner":1991,"repository":2002,"state":1993,"title":2003,"updated_at":2004,"url":2005,"score":2006},"\nOn the SVG tag, I don't want this method to be displayed. In fact, this method is also useless for SVG.",[],370,"icon","Writing a custom icon component using the customize method causes the rendered SVG to include this method, resulting in an increased overall page size.","2025-03-14T04:20:02Z","https://github.com/nuxt/icon/issues/370",0.76439196,{"description":2008,"labels":2009,"number":2013,"owner":1991,"repository":1992,"state":2014,"title":2015,"updated_at":2016,"url":2017,"score":2018},"### Environment\n\n------------------------------\r\n- Operating System: Darwin\r\n- Node Version: v20.12.2\r\n- Nuxt Version: 3.12.4\r\n- CLI Version: 3.12.0\r\n- Nitro Version: 2.9.7\r\n- Package Manager: yarn@1.22.22\r\n- Builder: -\r\n- User Config: app, vite, components, devtools, experimental, modules, css, runtimeConfig, icon, auth, formkit, i18n, googleFonts, notivue, colorMode, build, compatibilityDate\r\n- Runtime Modules: @nuxt/ui@2.18.4, @vueuse/nuxt@10.11.1, @nuxtjs/eslint-module@4.1.0, @nuxtjs/stylelint-module@5.2.0, @nuxt/icon@1.4.5, @formkit/nuxt@1.6.5, @pinia/nuxt@0.4.11, @nuxtjs/i18n@8.3.3, @trandaison/nuxt-3-auth@0.1.3, notivue/nuxt, @nuxtjs/google-fonts@3.2.0, vue3-perfect-scrollbar/nuxt\r\n- Build Modules: -\r\n------------------------------\n\n### Version\n\nv2.18.4\n\n### Reproduction\n\nhttps://stackblitz.com/edit/nuxt-ui-gppwna?file=app.vue\n\n### Description\n\nUsing USelectMenu with multiple option having some preselected items returns count of 0. In reproduction link it should return 2.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2010],{"name":2011,"color":2012},"bug","d73a4a",2028,"closed","USelectMenu multiple count error","2024-11-10T18:44:21Z","https://github.com/nuxt/ui/issues/2028",0.70972496,{"description":2020,"labels":2021,"number":2024,"owner":1991,"repository":2025,"state":2014,"title":2026,"updated_at":2027,"url":2028,"score":2029},"http://localhost:3000/integrations?version=2.x\n\n",[2022],{"name":2011,"color":2023},"ff281a",549,"nuxt.com","[Integrations] Version selector is not valid on refresh with query param","2023-02-15T12:32:31Z","https://github.com/nuxt/nuxt.com/issues/549",0.7340469,{"description":2031,"labels":2032,"number":2024,"owner":1991,"repository":2039,"state":2014,"title":2040,"updated_at":2041,"url":2042,"score":2029},"My dev dependencies: \r\n```\r\n{\r\n \"@nuxt/devtools\": \"^0.5.5\",\r\n \"@nuxtjs/tailwindcss\": \"^6.4.1\",\r\n \"@vitest/coverage-c8\": \"^0.31.3\",\r\n \"nuxt\": \"^3.5.2\",\r\n \"nuxt-vitest\": \"0.8.2\",\r\n \"tailwindcss\": \"^3.3.2\",\r\n \"vitest\": \"^0.31.3\"\r\n }\r\n```\r\n\r\nThe app is building fine, but trying to start Vitest is causing the following error:\r\n`ERROR Only URLs with a scheme in: file and data are supported by the default ESM loader. On Windows, absolute paths must be valid file:// URLs. Received protocol 'c:'`\r\n\r\nIt seems to be breaking down on `const { startVitest } = await import(await resolvePath(\"vitest/node\"));` in `module.mjs`\r\n\r\nIs anyone else experiencing this issue with the latest version of Nuxt or is it just me?",[2033,2036],{"name":2034,"color":2035},"vitest-environment","b60205",{"name":2037,"color":2038},"windows","6FA283","test-utils","Dynamic module import seems to be causing error","2023-12-02T00:17:10Z","https://github.com/nuxt/test-utils/issues/549",{"description":2044,"labels":2045,"number":2046,"owner":1991,"repository":2025,"state":2014,"title":2047,"updated_at":2048,"url":2049,"score":2050},"### Environment\n\nhttps://nuxt.com/docs on 2022-02-22\r\nFirefox 109.0\r\nLinux (PoP!_OS 22.04)\n\n### Reproduction\n\n- Visit https://nuxt.com/docs/getting-started/introduction\r\n- Click on **Deployment** link in the left menu\r\n- Scroll to the bottom of the page\r\n- Click on **Layers** link in the left menu\r\n- Click on Back button in browser\r\n- You are on page **Deployment** not at the bottom of the page, but near the top of the page\n\n### Describe the bug\n\nThe scroll position is not the same as it was when I was on the Deployment page the first time.\r\n\r\nInterestingly on other pages it looks like it works, but the scroll position is not 100% right all the time. \r\n\r\nIt is a default behavior of browsers to remember the scroll position when using back and forward buttons.\r\n\r\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[],1288,"Scrolling issues with Back button on Nuxt3 docs","2023-10-10T14:45:14Z","https://github.com/nuxt/nuxt.com/issues/1288",0.7375952,{"description":2052,"labels":2053,"number":2061,"owner":1991,"repository":1992,"state":2014,"title":2062,"updated_at":2063,"url":2064,"score":2065},"### Environment\n\n Operating System: Darwin\r\n- Node Version: v20.12.2\r\n- Nuxt Version: 3.11.2\r\n- CLI Version: 3.11.1\r\n- Nitro Version: 2.9.6\r\n- Package Manager: npm@10.5.0\r\n- Builder: -\r\n- User Config: routeRules, app, runtimeConfig, nitro, css, devtools, experimental, auth, mongoose, pinia, vueEmail, googleFonts, modules\r\n- Runtime Modules: @nuxt/image@1.7.0, @vueuse/nuxt@10.9.0, nuxt-mongoose@1.0.5, @pinia/nuxt@0.5.1, @pinia-plugin-persistedstate/nuxt@1.2.0, @nuxt/content@2.12.1, @sidebase/nuxt-auth@0.7.2, @vue-email/nuxt@0.8.19, nuxt-aos@1.2.4, @nuxt/ui@2.16.0, @nuxtjs/google-fonts@3.2.0\r\n- Build Modules: -\n\n### Version\n\nv2.16.0\n\n### Reproduction\n\nnothing there\n\n### Description\n\n- activeClass does not work on UButton when switching from another layout, activeClass starts working when you reload the page. \r\n- If I use NuxtLink everything works fine.\r\n\r\n> I have layout auth on the registration page, after authorization I am automatically redirected to the page with the default layout, on this page there is a menu with a UButtons\r\n\r\n----\r\nScreenshot don't work\r\n\r\nScreenshot normal work\r\n\r\n\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2054,2055,2058],{"name":2011,"color":2012},{"name":2056,"color":2057},"needs reproduction","CB47CF",{"name":2059,"color":2060},"closed-by-bot","ededed",1778,"UButton - activeClass does not work when switching from another layout","2025-04-01T02:12:03Z","https://github.com/nuxt/ui/issues/1778",0.74962735,{"description":2067,"labels":2068,"number":2078,"owner":1991,"repository":1991,"state":2014,"title":2079,"updated_at":2080,"url":2081,"score":2082},"### Environment\r\n\r\nN/A, since stackblitz can reproduce it.\r\n\r\n### Reproduction\r\n\r\nhttps://stackblitz.com/edit/github-ccmqix-jqleyt?file=server%2Froutes%2Fsomeroute.ts\r\n\r\n~~https://stackblitz.com/edit/github-ccmqix?file=server%2Froutes%2Fsomeroute.ts~~\r\n\r\n### Describe the bug\r\n\r\nI use [`ts-proto`](https://github.com/stephenh/ts-proto) to generate grpc-web (and Protobuf) bindings. It generates code that imports [`@improbable-eng/grpc-web`](https://github.com/improbable-eng/grpc-web). Node fails to import this:\r\n\r\n```\r\n import { grpc } from 'node_modules/@improbable-eng/grpc-web/dist/grpc-web-client.js';\r\n ^^^^\r\n SyntaxError: Named export 'grpc' not found. The requested module 'node_modules/@improbable-eng/grpc-web/dist/grpc-web-client.js' is a CommonJS module, which may not support all module.exports as named exports.\r\n CommonJS modules can always be imported via the default export, for example using:\r\n```\r\n\r\nThis goes away if enabling transpilation in `nuxt.config.ts`. However, with that enabled, now the client side fails (in browser console):\r\n\r\n```\r\nUncaught SyntaxError: The requested module '/_nuxt/node_modules/@improbable-eng/grpc-web/dist/grpc-web-client.umd.js?v=aa206f89' does not provide an export named 'grpc' (at someproto.ts:1:10)\r\n```\r\n\r\nI've tried a couple of changes to the import (see `someproto.ts`), but each one causes errors in various ways.\r\n\r\nI'm confused about the fact that \"server code\" seems to have two different flavors: pages running under SSR and what runs from `server/`. I saw none of this while I was just using `pages/` in SSR, without `server/`.\r\n\r\nI suspect they're either using different combinations of CommonJS/UMD import flavors, or there is some difference in TS compilation.\r\n\r\n### Additional context\r\n\r\nThe `grpc-web` module is TS compiled, there is no default export and everything is wrapped in the `grpc` namespace: https://github.com/improbable-eng/grpc-web/blob/master/client/grpc-web/src/index.ts\r\n\r\nNote that the `grpc-web` package has two compiled files: a main:CommonJS and a browser:UMD (https://github.com/improbable-eng/grpc-web/blob/master/client/grpc-web/webpack.config.js)\r\n\r\n### Logs\r\n\r\n_No response_",[2069,2072,2075],{"name":2070,"color":2071},"3.x","29bc7f",{"name":2073,"color":2074},"pending triage","E99695",{"name":2076,"color":2077},"upstream","E8A36D",22126,"pages/ and server/routes/ handling CommonJS/UMD differently","2023-07-13T18:04:39Z","https://github.com/nuxt/nuxt/issues/22126",0.7542089,{"description":2084,"labels":2085,"number":2088,"owner":1991,"repository":1992,"state":2014,"title":2089,"updated_at":2090,"url":2091,"score":2092},"### For what version of Nuxt UI are you asking this question?\n\nv3.0.0-alpha.x\n\n### Description\n\nAccording to the documentation for using slots, we should use the following:\n\n```\n\u003Ctemplate #name-cell=\"{ row }\">\n \u003Cdiv class=\"flex items-center gap-3\">\n {{ row.original.position }}\n \u003C/div>\n\u003C/template>\n\n```\nThe `row.original` object provides access to the row data. However, in previous versions, we could also access the table index like this:\n\n`#name-cell=\"{ row, index }\"\n`\n\nThis allowed us to display a numeric sequence for the table data. With the latest version, is there a way to access an index within the table?\n",[2086,2087],{"name":1985,"color":1986},{"name":1988,"color":1989},2729,"How Can I Get the Index When Using Slots in a Table?","2024-11-22T18:49:16Z","https://github.com/nuxt/ui/issues/2729",0.7624934,{"description":2094,"labels":2095,"number":2102,"owner":1991,"repository":2025,"state":2014,"title":2103,"updated_at":2104,"url":2105,"score":2106},"When we have a long tree in `content/` for example, the user should not have to scroll to access the search.",[2096,2099],{"name":2097,"color":2098},"enhancement","1ad6ff",{"name":2100,"color":2101},"responsive","1cd1c6",694,"[Project] Branches and Files search in navbar dialog should be fixed to bottom","2023-02-15T12:32:44Z","https://github.com/nuxt/nuxt.com/issues/694",0.76330054,["Reactive",2108],{},["Set"],["ShallowReactive",2111],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"PKuFVCRp8ViJWyMdEaWTXK5JbHPpTxzxp7eGM3x311Q":-1},"/nuxt/nuxt.com/1823"]