\n \u003C/UChip>\n\u003C/template>\n````\n\n### Description\n\nHey,\n\nThanks for your great work.\n\nI have noticed this on a few elements in UI3, but especaily here padding just is not right. Yes of course you can change it, but i belive there needs to be some sane defaults across all elements.\n\nText in chip, and even a simple number is almost unreadable see screenshot below. Happy to open a pr or list all other elements where this seems to have happened (one that comes to mind is UAvatar https://github.com/nuxt/ui/issues/3558).\n\n\n\n### Additional context\n\nThis example is directly from the UI website",[3175,3176,3179],{"name":3165,"color":3166},{"name":3177,"color":3178},"v3","49DCB8",{"name":3180,"color":3181},"triage","ffffff",3633,"ui","Default padding on `UChip`","2025-03-20T09:21:01Z","https://github.com/nuxt/ui/issues/3633",0.7945527,{"description":3189,"labels":3190,"number":3198,"owner":3144,"repository":3145,"state":3146,"title":3199,"updated_at":3200,"url":3201,"score":3202},"### Environment\n\n \"dependencies\": {\r\n \"nuxt\": \"3.12.4\",\r\n \"vue\": \"latest\"\r\n },\r\n \"devDependencies\": {\r\n \"@nuxt/test-utils\": \"3.14.1\",\r\n \"@vue/test-utils\": \"2.4.6\",\r\n \"happy-dom\": \"14.12.3\",\r\n \"jest-image-snapshot\": \"6.4.0\",\r\n \"playwright-core\": \"1.46.0\",\r\n \"vitest\": \"2.0.5\"\r\n }\n\n### Reproduction\n\nDefault.vue\r\n```\r\n\u003Ctemplate>\r\n \u003CNuxtPage />\r\n\u003C/template>\r\n\u003Cscript setup lang=\"ts\">\u003C/script>\r\n```\r\n\r\nApp.vue\r\n```\r\n\u003Ctemplate>\r\n \u003Cdiv>Message: {{ getMessage(\"Hello World\") }}\u003C/div>\r\n\u003C/template>\r\n\u003Cscript setup lang=\"ts\">\r\nimport { getMessage } from \"@/service/message-service\";\r\n```\r\n\r\nApp.test.ts\r\n```\r\nimport { it, expect, vi } from \"vitest\";\r\nimport { mountSuspended } from \"@nuxt/test-utils/runtime\";\r\nimport App from \"../../layouts/default.vue\";\r\n\r\nvi.mock(\"@/service/message-service\", () => {\r\n return {\r\n getMessage: () => \"hello from mock!!\",\r\n };\r\n});\r\n\r\n\r\nit(\"nuxt unit testing\", async () => {\r\n const component = await mountSuspended(App, { route: \"/\" });\r\n expect(component.html()).toMatchInlineSnapshot(\r\n `\"\u003Cdiv>Message: hello Hello World\u003C/div>\"`\r\n );\r\n});\r\n\r\n```\r\n\r\nmessage-service.ts\r\n```\r\nexport function getMessage(message: string): string {\r\n console.log(\"FROM ACTUAL\");\r\n return `hell ${message}`;\r\n}\r\n```\r\n\n\n### Describe the bug\n\nI was expecting vitest vi.mock should be able to mock imports to provide custom/mock implementation, however it seems that vi.mock is not working in the context of nuxt test?\r\n\r\nIf so, how are we suppose to create unit tests and/or E2E using nuxt/test-utils package and be able to provide flexible mocking mechanism?\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[3191,3192,3195],{"name":3165,"color":3166},{"name":3193,"color":3194},"vitest-environment","b60205",{"name":3196,"color":3197},"pending triage","5D08F5",935,"How to mock custom imports while using mountSuspended to test","2024-09-09T02:17:10Z","https://github.com/nuxt/test-utils/issues/935",0.79958665,{"description":3204,"labels":3205,"number":3208,"owner":3144,"repository":3144,"state":3146,"title":3209,"updated_at":3210,"url":3211,"score":3212},"### Describe the feature\n\nSometimes the list module page can be long and people tend to forgot what has been added in the bulk installation. Instead of letting the user scrolling back to find out, it would be helpful if there was like a button to show all names of added module.\n\n### Additional information\n\n- [ ] Would you be willing to help implement this feature?\n- [ ] Could this feature be implemented as a module?\n\n### Final checks\n\n- [x] Read the [contribution guide](https://nuxt.com/docs/community/contribution).\n- [x] Check existing [discussions](https://github.com/nuxt/nuxt/discussions) and [issues](https://github.com/nuxt/nuxt/issues).",[3206],{"name":3196,"color":3207},"E99695",32958,"[Docs]: Add feature to show modules that has been added in bulk installation","2025-08-14T07:36:48Z","https://github.com/nuxt/nuxt/issues/32958",0.80392843,{"description":3214,"labels":3215,"number":3143,"owner":3144,"repository":3219,"state":3220,"title":3221,"updated_at":3222,"url":3223,"score":3150},"### 📚 What are you trying to do?\r\n\r\nI need to implement OneTrustSDK and that thing needs a `data-domain-script` attribute on the `\u003Cscript>`-Tag. How can I get this data-attribute to render?\r\n\r\n### 🔍 What have you tried?\r\n\r\nI tried adding it in sciprts.global key:\r\n```typescript\r\n scripts: {\r\n globals: {\r\n oneTrust: {\r\n src: 'https://XXX.my.onetrust.eu/cdn/cookies/scripttemplates/otSDKStub.js',\r\n 'data-domain-script': 'XXXXXX-XXXXXXX-XXXXX',\r\n }\r\n },\r\n```\r\n\r\nI also tried adding it in my composable:\r\n```typescript\r\nexport function useScriptOneTrust\u003CT extends OneTrustApi>(options?: OneTrustInput) {\r\n return useRegistryScript\u003CT, typeof OneTrustOptions>('oneTrust', options => ({\r\n scriptInput: {\r\n 'src': 'https://XXX.my.onetrust.eu/cdn/cookies/scripttemplates/otSDKStub.js', // can't be bundled\r\n 'data-domain-script': options.domainScript,\r\n },\r\n }))\r\n}\r\n```\r\n\r\nThe only thing I can see being rendered is a preload link which fails because it needs a `\u003Cscript>`-Tag with a `data-domain-script` attribute:\r\n```\r\n\u003Clink rel=\"preload\" as=\"script\" href=\"https://XXX.my.onetrust.eu/cdn/cookies/scripttemplates/otSDKStub.js\" crossorigin=\"anonymous\" fetchpriority=\"low\" data-hid=\"1817094\">\r\n```\r\n\r\nI can see some data-cf-beacon attribute being set here, so I assumed it should be possible: https://github.com/nuxt/scripts/blob/main/src/runtime/registry/cloudflare-web-analytics.ts#L44\r\n\r\n_No response_",[3216],{"name":3217,"color":3218},"help wanted","008672","scripts","closed","How can I add data-* attributes to the generated \u003Cscript> tag?","2024-09-17T11:34:02Z","https://github.com/nuxt/scripts/issues/268",{"description":3225,"labels":3226,"number":3155,"owner":3144,"repository":3227,"state":3220,"title":3228,"updated_at":3229,"url":3230,"score":3160},"Hi\r\n\r\nI would like to know if some contributors might be interested in a change of the api. I would be happy to help.\r\n\r\nThe idea is to load icons from an SVG folder inside the assets folder.\r\nTo achieve this, there is a need to implement an npm command, such as `npm run icon:prepare`, that will download the used icons from Iconify during the deployment script or before pushing to the git repository.\r\n\r\n- The icons will be downloaded in `@/assets/svg/[name of the collection]/[name of the icon].svg`\r\n- Additionally move the custom icons from `@/components/global` to `@/assets/svg/custom`\r\n\r\n### The main advantages are:\r\n- No need to rely on iconify API\r\n- Ability to include the icons in server-side rendering\r\n- Improved performance\r\n- Ability to change/customize the icons's SVG locally if needed\r\n- Disable cache in the local storage from Iconify",[],"icon","[Feature Request]: SVG folder for offline mode and custom SVGs","2024-05-02T07:15:59Z","https://github.com/nuxt/icon/issues/131",{"description":3232,"labels":3233,"number":3167,"owner":3144,"repository":3236,"state":3220,"title":3237,"updated_at":3238,"url":3239,"score":3171},"Blocked by #720 ",[3234],{"name":3138,"color":3235},"1ad6ff","nuxt.com","[Community] Nuxters filter to select community only","2022-07-25T13:34:54Z","https://github.com/nuxt/nuxt.com/issues/684",{"description":3241,"labels":3242,"number":3243,"owner":3144,"repository":3236,"state":3220,"title":3244,"updated_at":3245,"url":3246,"score":3247},"### Describe the feature\r\n\r\n\u003Cdetails>\r\n\r\n\u003Csummary>Screenshot\u003C/summary>\r\n\r\n\r\n\r\n\u003C/details>\r\n\r\nThe alert / warning CSS (e.g. [here](https://nuxt.com/docs/getting-started/transitions)) has low contrast, making it very difficult to read. \r\n\r\n```md\r\n ::alert{type=warning}\r\n Some example\r\n ::\r\n```\r\n\r\nCould this be changed in the nuxt theme? Is the nuxt theme coming from Windi? \r\n\r\nThanks :)\r\n\r\n### Additional information\r\n\r\n- [X] Would you be willing to help implement this feature?\r\n- [ ] 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).",[],1229,"[docs] Alert/warning boxes on nuxt.com have low contrast","2023-10-10T14:45:13Z","https://github.com/nuxt/nuxt.com/issues/1229",0.7843169,["Reactive",3249],{},["Set"],["ShallowReactive",3252],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fWcz7S9MHIjNMdA7IR4VRkaDotaFQ5EC-mThQTwk4zAY":-1},"/nuxt/nuxt.com/1260"]