\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",[2001,2004,2007],{"name":2002,"color":2003},"bug","d73a4a",{"name":2005,"color":2006},"v3","49DCB8",{"name":2008,"color":2009},"triage","ffffff",3633,"ui","Default padding on `UChip`","2025-03-20T09:21:01Z","https://github.com/nuxt/ui/issues/3633",0.719507,{"description":2017,"labels":2018,"number":2022,"owner":1991,"repository":1992,"state":1993,"title":2023,"updated_at":2024,"url":2025,"score":2026},"### Environment\r\n\r\n------------------------------\r\n- Operating System: Linux\r\n- Node Version: v18.18.0\r\n- Nuxt Version: 3.9.3\r\n- CLI Version: 3.10.0\r\n- Nitro Version: 2.8.1\r\n- Package Manager: npm@10.2.3\r\n- Builder: -\r\n- User Config: devtools\r\n- Runtime Modules: -\r\n- Build Modules: -\r\n------------------------------\r\n\r\n### Reproduction\r\n\r\nhttps://stackblitz.com/edit/github-ddvycp\r\n\r\n### Describe the bug\r\n\r\n```ts\r\nconst wrapper = await mountSuspended(OptionAPIComponent)\r\n```\r\n`wrapper.vm.$data` is empty\r\n`wrapper.setData({...data})` will result into error:\r\n```\r\nTypeError: Cannot add property, object is not extensible\r\n```\r\n\r\nFurthermore, I cannot call any method of the component instance:\r\n```\r\nTypeError: wrapper.vm.myMethod is not a function\r\n```\r\n\r\n\r\n### Additional context\r\n\r\nComponent written in composition api doesn't have this issue.\r\n@vue/test-utils doesn't have this issue.\r\n\r\n### Logs\r\n\r\n_No response_",[2019],{"name":2020,"color":2021},"pending triage","5D08F5",735,"No data on Option API component returned by mountSuspended","2025-01-29T17:42:23Z","https://github.com/nuxt/test-utils/issues/735",0.76078224,{"description":2028,"labels":2029,"number":2031,"owner":1991,"repository":1992,"state":1993,"title":2032,"updated_at":2033,"url":2034,"score":2035},"### Environment\r\n\r\n- Operating System: `Darwin`\r\n- Node Version: `v20.8.1`\r\n- Nuxt Version: `3.9.0`\r\n- CLI Version: `3.10.0`\r\n- Nitro Version: `2.8.1`\r\n- Package Manager: `yarn@1.22.19`\r\n- Builder: `-`\r\n- User Config: `devtools`, `modules`\r\n- Runtime Modules: `@nuxt/test-utils/module@3.9.0`\r\n- Build Modules: `-`\r\n\r\n\r\n### Reproduction\r\n\r\nhttps://stackblitz.com/edit/github-gee6qy?file=app.vue\r\n\r\n### Describe the bug\r\n\r\nOnce I expose a variable called `error` within the setup, the component fails to render. \r\nSince everything works within the dev server / build, I suspect this is something within `@nuxt/test-utils`\r\n\r\nAfter renaming the `error` variable to something else, the component can be mounted within the tests again.\r\n\r\n### Additional context\r\n\r\n_No response_\r\n\r\n### Logs\r\n\r\n```shell-script\r\nVitest caught 1 unhandled error during the test run.\r\nThis might cause false positive tests. Resolve unhandled errors to make sure your tests are not affected.\r\n\r\n⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯ Unhandled Rejection ⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯\r\nTypeError: 'set' on proxy: trap returned falsish for property 'error'\r\n ❯ clonedComponent.render node_modules/@nuxt/test-utils/dist/runtime-utils/index.mjs:128:44\r\n 126| renderContext[key] = passedProps[key];\r\n 127| }\r\n 128| return render.call(this, renderContext, ...args);\r\n | ^\r\n 129| } : void 0,\r\n 130| setup: setup ? (props2) => wrappedSetup(props2, setupContext) : void 0\r\n ❯ renderComponentRoot node_modules/@vue/runtime-core/dist/runtime-core.cjs.js:868:16\r\n ❯ ReactiveEffect.componentUpdateFn node_modules/@vue/runtime-core/dist/runtime-core.cjs.js:5922:46\r\n ❯ ReactiveEffect.run node_modules/@vue/reactivity/dist/reactivity.cjs.js:174:19\r\n ❯ instance.update node_modules/@vue/runtime-core/dist/runtime-core.cjs.js:6053:16\r\n ❯ setupRenderEffect node_modules/@vue/runtime-core/dist/runtime-core.cjs.js:6063:5\r\n ❯ eval node_modules/@vue/runtime-core/dist/runtime-core.cjs.js:1613:9\r\n\r\nThis error originated in \"test/app.nuxt.test.ts\" test file. It doesn't mean the error was thrown inside the file itself, but while it was running.\r\nThe latest test that might've caused the error is \"Should mount\". It might mean one of the following:\r\n- The error was thrown, while Vitest was running this test.\r\n- This was the last recorded test before the error was thrown, if error originated after test finished its execution.\r\n⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯\r\n\r\n```\r\n```\r\n",[2030],{"name":2002,"color":2003},684,"mountSuspended fails: 'set' on proxy: trap returned falsish for property 'error'","2025-03-14T15:14:45Z","https://github.com/nuxt/test-utils/issues/684",0.76138866,{"description":2037,"labels":2038,"number":2043,"owner":1991,"repository":2011,"state":1993,"title":2044,"updated_at":2045,"url":2046,"score":2047},"On login page, i have UForm with validation. when clicking on register modal(UModal with #content slot) included Uform with validation, submit button doesn't trigger. if i focus on input, validation works automatically. when clicking submit button after filling all required fields, there are no error on validation(logged in the end of validation function). But no response(also logged in submit function) in submit function. how to fix it? i can't get it?",[2039,2042],{"name":2040,"color":2041},"question","d876e3",{"name":2005,"color":2006},3674,"can't handle submit button","2025-03-25T06:43:01Z","https://github.com/nuxt/ui/issues/3674",0.7650688,{"description":2049,"labels":2050,"number":2051,"owner":1991,"repository":2052,"state":2053,"title":2054,"updated_at":2055,"url":2056,"score":2057},"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",[],131,"icon","closed","[Feature Request]: SVG folder for offline mode and custom SVGs","2024-05-02T07:15:59Z","https://github.com/nuxt/icon/issues/131",0.44080055,{"description":2059,"labels":2060,"number":1990,"owner":1991,"repository":2064,"state":2053,"title":2065,"updated_at":2066,"url":2067,"score":1997},"### 📚 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_",[2061],{"name":2062,"color":2063},"help wanted","008672","scripts","How can I add data-* attributes to the generated \u003Cscript> tag?","2024-09-17T11:34:02Z","https://github.com/nuxt/scripts/issues/268",{"description":2069,"labels":2070,"number":2076,"owner":1991,"repository":1992,"state":2053,"title":2077,"updated_at":2078,"url":2079,"score":2080},"------------------------------\r\n- Operating System: Linux\r\n- Node Version: v18.18.0\r\n- Nuxt Version: 3.8.0\r\n- CLI Version: 3.9.1\r\n- Nitro Version: 2.7.0\r\n- Package Manager: npm@10.2.0\r\n- Builder: -\r\n- User Config: devtools, css, routeRules, modules, postcss\r\n- Runtime Modules: nuxt-swiper@1.2.2, @nuxt/image@1.0.0, nuxt-icon@0.5.0, nuxt-vitest@0.11.0\r\n- Build Modules: -\r\n------------------------------\r\n\r\nI setup my project to add tests. But when I execute `npx vitest run` I have this issue:\r\n\r\n\r\n\r\nHere is my `vitest.config.ts`:\r\n```ts\r\nimport { defineVitestConfig } from 'nuxt-vitest/config';\r\n\r\nexport default defineVitestConfig({\r\n test: {\r\n environment: 'nuxt',\r\n dir: 'tests',\r\n coverage: {\r\n reportsDirectory: 'coverage',\r\n provider: 'v8',\r\n reporter: ['text', 'json', 'html'],\r\n },\r\n },\r\n});\r\n```\r\n",[2071,2072,2073],{"name":2002,"color":2003},{"name":2062,"color":2063},{"name":2074,"color":2075},"vitest-environment","b60205",618,"Nuxt instance is unavailable when using with `\u003CNuxtImg>`","2023-12-05T17:33:29Z","https://github.com/nuxt/test-utils/issues/618",0.71837354,{"description":2082,"labels":2083,"number":2086,"owner":1991,"repository":2087,"state":2053,"title":2088,"updated_at":2089,"url":2090,"score":2091},"",[2084],{"name":1985,"color":2085},"1ad6ff",285,"nuxt.com","Navbar dropdown should show on hover","2023-02-15T12:32:04Z","https://github.com/nuxt/nuxt.com/issues/285",0.7243974,{"description":2093,"labels":2094,"number":2086,"owner":1991,"repository":1992,"state":2053,"title":2095,"updated_at":2096,"url":2097,"score":2091},"# Breaking Change\r\n\r\nUse [`got`](https://github.com/sindresorhus/got) instead of [`request`](https://github.com/request/request) what has been deprecated\r\n\r\n",[],"Use `got` instead of `request` [Breaking Change]","2023-12-02T00:28:10Z","https://github.com/nuxt/test-utils/issues/285",["Reactive",2099],{},["Set"],["ShallowReactive",2102],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"3LxqIk5sjkGaZOX-p5axlyAPXeb1RjLIFkPFax0a_iQ":-1},"/nuxt/fonts/131"]