\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",[2894,2895,2898],{"name":2884,"color":2885},{"name":2896,"color":2897},"v3","49DCB8",{"name":2899,"color":2900},"triage","ffffff",3633,"ui","Default padding on `UChip`","2025-03-20T09:21:01Z","https://github.com/nuxt/ui/issues/3633",0.79455274,{"description":2908,"labels":2909,"number":2917,"owner":2863,"repository":2864,"state":2865,"title":2918,"updated_at":2919,"url":2920,"score":2921},"### 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_",[2910,2911,2914],{"name":2884,"color":2885},{"name":2912,"color":2913},"vitest-environment","b60205",{"name":2915,"color":2916},"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":2923,"labels":2924,"number":2862,"owner":2863,"repository":2928,"state":2929,"title":2930,"updated_at":2931,"url":2932,"score":2869},"### 📚 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_",[2925],{"name":2926,"color":2927},"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":2934,"labels":2935,"number":2874,"owner":2863,"repository":2936,"state":2929,"title":2937,"updated_at":2938,"url":2939,"score":2879},"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":2941,"labels":2942,"number":2886,"owner":2863,"repository":2945,"state":2929,"title":2946,"updated_at":2947,"url":2948,"score":2890},"Blocked by #720 ",[2943],{"name":2857,"color":2944},"1ad6ff","nuxt.com","[Community] Nuxters filter to select community only","2022-07-25T13:34:54Z","https://github.com/nuxt/nuxt.com/issues/684",{"description":2950,"labels":2951,"number":2952,"owner":2863,"repository":2945,"state":2929,"title":2953,"updated_at":2954,"url":2955,"score":2956},"### 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,{"description":2958,"labels":2959,"number":2964,"owner":2863,"repository":2945,"state":2929,"title":2965,"updated_at":2966,"url":2967,"score":2968},"https://www.figma.com/design/KObqapBa7MXcOw78aPRL4E/%E2%9B%B0%EF%B8%8F---nuxt.com?node-id=775-13944&t=VQsmXmHirUicOKA7-0",[2960,2961],{"name":2857,"color":2944},{"name":2962,"color":2963},"design","00bd6f",1619,"[Enterprise] Support page rework","2024-07-26T17:57:33Z","https://github.com/nuxt/nuxt.com/issues/1619",0.7843481,["Reactive",2970],{},["Set"],["ShallowReactive",2973],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fWcz7S9MHIjNMdA7IR4VRkaDotaFQ5EC-mThQTwk4zAY":-1},"/nuxt/nuxt.com/1260"]