\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",[2011,2014,2017],{"name":2012,"color":2013},"bug","d73a4a",{"name":2015,"color":2016},"v3","49DCB8",{"name":2018,"color":2019},"triage","ffffff",3633,"ui","Default padding on `UChip`","2025-03-20T09:21:01Z","https://github.com/nuxt/ui/issues/3633",0.719507,{"description":2027,"labels":2028,"number":2032,"owner":1988,"repository":2003,"state":1990,"title":2033,"updated_at":2034,"url":2035,"score":2036},"### 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_",[2029],{"name":2030,"color":2031},"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":2038,"labels":2039,"number":2041,"owner":1988,"repository":2003,"state":1990,"title":2042,"updated_at":2043,"url":2044,"score":2045},"### 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",[2040],{"name":2012,"color":2013},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":2047,"labels":2048,"number":2053,"owner":1988,"repository":2021,"state":1990,"title":2054,"updated_at":2055,"url":2056,"score":2057},"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?",[2049,2052],{"name":2050,"color":2051},"question","d876e3",{"name":2015,"color":2016},3674,"can't handle submit button","2025-03-25T06:43:01Z","https://github.com/nuxt/ui/issues/3674",0.7650688,{"description":2059,"labels":2060,"number":2002,"owner":1988,"repository":2064,"state":2065,"title":2066,"updated_at":2067,"url":2068,"score":2007},"### 📚 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","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":2070,"labels":2071,"number":2077,"owner":1988,"repository":2003,"state":2065,"title":2078,"updated_at":2079,"url":2080,"score":2081},"------------------------------\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",[2072,2073,2074],{"name":2012,"color":2013},{"name":2062,"color":2063},{"name":2075,"color":2076},"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":2083,"labels":2084,"number":2087,"owner":1988,"repository":2088,"state":2065,"title":2089,"updated_at":2090,"url":2091,"score":2092},"",[2085],{"name":1985,"color":2086},"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":2094,"labels":2095,"number":2087,"owner":1988,"repository":2003,"state":2065,"title":2096,"updated_at":2097,"url":2098,"score":2092},"# 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",2100],{},["Set"],["ShallowReactive",2103],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"6KtImwJnOUt9eMgqXMUxMFw2vQIYyl4OKcrPks9krM8":-1},"/nuxt/icon/131"]