\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",[1998,2001,2004],{"name":1999,"color":2000},"bug","d73a4a",{"name":2002,"color":2003},"v3","49DCB8",{"name":2005,"color":2006},"triage","ffffff",3633,"ui","Default padding on `UChip`","2025-03-20T09:21:01Z","https://github.com/nuxt/ui/issues/3633",0.7805502,{"description":2014,"labels":2015,"number":2023,"owner":1988,"repository":2024,"state":1990,"title":2025,"updated_at":2026,"url":2027,"score":2028},"### Environment\n\n- Operating System: Darwin\r\n- Node Version: v21.6.1\r\n- Nuxt Version: 3.12.1\r\n- CLI Version: 3.12.0\r\n- Nitro Version: 2.9.6\r\n- Package Manager: bun@1.1.21\r\n- Builder: -\r\n- User Config: compatibilityDate, devtools, modules\r\n- Runtime Modules: @nuxt/test-utils/module@^3.14.0\r\n- Build Modules: -\n\n### Reproduction\n\nhttps://codesandbox.io/p/devbox/nuxt-test-with-css-modules-sz2wlg?file=%2Fsandbox.config.json%3A4%2C25-4%2C37\n\n### Describe the bug\n\nWhen running tests on components that uses CSS Modules, the $style attribute is consistently set to undefined, causing the tests to fail.\n\n### Additional context\n\nThere are no examples in the Nuxt test examples folder that include CSS modules. I've read the documentation for @nuxt/test-utils, and it doesn't mention how to use it with CSS modules. I tried googling it, but I couldn't find any information on how to test Vue components with CSS modules. I only found an unanswered question regarding the same issue, e.g., https://github.com/nuxt/test-utils/discussions/804. Since CSS modules work with Nuxt 'out of the box,' I believe testing components that use CSS modules should also work seamlessly.\r\n\n\n### Logs\n\n```shell-script\n❯ test.nuxt.test.ts (1) 5010ms\r\n × my test 5009ms\r\n\r\n⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯ Failed Tests 1 ⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯\r\n\r\n FAIL test.nuxt.test.ts > my test\r\nError: Test timed out in 5000ms.\r\nIf this is a long-running test, pass a timeout value as the last argument or configure it globally with \"testTimeout\".\r\n⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯[1/1]⎯\r\n\r\n⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯ Unhandled Errors ⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯\r\n\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: Cannot read properties of undefined (reading 'someCssModuleClassName')\r\n ❯ Proxy._sfc_render app.vue:3:20\r\n 1| \u003Ctemplate>\r\n 2| \u003Cdiv :class=\"$style.someCssModuleClassName\">\r\n 3| \u003CNuxtWelcome />\r\n | ^\r\n 4| \u003C/div>\r\n 5| \u003C/template>\r\n ❯ Proxy.clonedComponent.render node_modules/.pnpm/@nuxt+test-utils@3.14.0_@vue+test-utils@2.4.6_h3@1.12.0_happy-dom@14.12.3_nitropack@2.9.7_pla_3tccdhrwarphrx6od5vsqeppdq/node_modules/@nuxt/test-utils/dist/runtime-utils/index.mjs:142:37\r\n ❯ renderComponentRoot node_modules/.pnpm/@vue+runtime-core@3.4.37/node_modules/@vue/runtime-core/dist/runtime-core.cjs.js:6267:16\r\n ❯ ReactiveEffect.componentUpdateFn [as fn] node_modules/.pnpm/@vue+runtime-core@3.4.37/node_modules/@vue/runtime-core/dist/runtime-core.cjs.js:4942:46\r\n ❯ ReactiveEffect.run node_modules/.pnpm/@vue+reactivity@3.4.37/node_modules/@vue/reactivity/dist/reactivity.cjs.js:181:19\r\n ❯ instance.update node_modules/.pnpm/@vue+runtime-core@3.4.37/node_modules/@vue/runtime-core/dist/runtime-core.cjs.js:5073:16\r\n ❯ setupRenderEffect node_modules/.pnpm/@vue+runtime-core@3.4.37/node_modules/@vue/runtime-core/dist/runtime-core.cjs.js:5083:5\r\n ❯ mountComponent node_modules/.pnpm/@vue+runtime-core@3.4.37/node_modules/@vue/runtime-core/dist/runtime-core.cjs.js:4851:7\r\n ❯ processComponent node_modules/.pnpm/@vue+runtime-core@3.4.37/node_modules/@vue/runtime-core/dist/runtime-core.cjs.js:4805:9\r\n ❯ patch node_modules/.pnpm/@vue+runtime-core@3.4.37/node_modules/@vue/runtime-core/dist/runtime-core.cjs.js:4334:11\r\n\r\nThis error originated in \"test.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 \"my test\". It might mean one of the following:\r\n- The error was thrown, while Vitest was running this test.\r\n- If the error occurred after the test had been completed, this was the last documented test before it was thrown.\r\n⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯⎯\r\n\r\n Test Files 1 failed (1)\r\n Tests 1 failed (1)\r\n Errors 1 error\r\n Start at 18:00:20\r\n Duration 5.24s\n```\n",[2016,2017,2020],{"name":1999,"color":2000},{"name":2018,"color":2019},"good first issue","7057ff",{"name":2021,"color":2022},"vitest-environment","b60205",910,"test-utils","Testing components that use CSS modules is failing","2024-12-19T21:35:48Z","https://github.com/nuxt/test-utils/issues/910",0.7829463,{"description":2030,"labels":2031,"number":2032,"owner":1988,"repository":1989,"state":2033,"title":2034,"updated_at":2035,"url":2036,"score":2037},"Hello,\nadding your package to the a repository for deploying breaks the Rollup build step.\n\n## Minimal reproducible example\n```\nnode --version\nv20.17.0\npnpm --version\n9.11.0\n```\n- `pnpm create cloudflare@latest my-nuxt-app --framework=nuxt`\n- `cd my-nuxt-app`\n- `pnpx nuxi module add icon` (taken from your doc)\n- `pnpm build`\nI get the following error:\n\n```\n[nitro 23:41:30] ERROR RollupError: .nuxt/dist/server/_nuxt/prompt-DuW0Lom1.js (1:9): \"stdin\" is not exported by \"node_modules/.pnpm/unenv@1.10.0/node_modules/unenv/runtime/node/process/index.mjs\", imported by \".nuxt/dist/server/_nuxt/prompt-DuW0Lom1.js\".\n\n\n1: import { stdin, stdout } from \"node:process\";\n ^\n2: import f from \"node:readline\";\n3: import { WriteStream } from \"node:tty\";\n\n\n[23:41:30] ERROR .nuxt/dist/server/_nuxt/prompt-DuW0Lom1.js (1:9): \"stdin\" is not exported by \"node_modules/.pnpm/unenv@1.10.0/node_modules/unenv/runtime/node/process/index.mjs\", imported by \".nuxt/dist/server/_nuxt/prompt-DuW0Lom1.js\".\n```\n\nThanks.",[],274,"closed","Rollup issue - Adding the package breaks the build step","2024-10-28T13:36:54Z","https://github.com/nuxt/icon/issues/274",0.73850036,{"description":2039,"labels":2040,"number":2041,"owner":1988,"repository":1989,"state":2033,"title":2042,"updated_at":2043,"url":2044,"score":2045},"Hi,\r\n\r\nThe icons are not prerendered in client side rendering with `ssr:false`. Instead, I have `\u003Cspan>` with name text attribute.\r\nI'm using Capacitor, and it seems the problem only occurs with my app's WebView (Android).\r\n\r\nDoes anyone have a solution?",[],144,"Icons not rendered on client side rendering (ssr: false)","2024-03-07T16:01:16Z","https://github.com/nuxt/icon/issues/144",0.75320566,{"description":2047,"labels":2048,"number":2051,"owner":1988,"repository":2052,"state":2033,"title":2053,"updated_at":2054,"url":2055,"score":2056},"We upgraded a few weeks ago to Nuxt Fonts from [Nuxt Google Fonts](https://google-fonts.nuxtjs.org/) but noticed today our Google fonts are not served in Histoire:\r\n\r\n\r\n\r\n```\r\nFailed to decode downloaded font:\r\n\r\nhttp://localhost:6006/_fonts/RLpWK4fy6r6tOBEJg0IAKzqdFZVZxpMkXJMhnB9XjO1o90LEW8siGqWZ-w-hYuQIDRE3D.woff2\r\n```\r\n\r\nThe Network response is actually HTML, and the Histoire index page itself:\r\n\r\n```html\r\n\u003C!DOCTYPE html>\r\n\u003Chtml>\r\n \u003Chead>\r\n \u003Cscript type=\"module\" src=\"/@vite/client\">\u003C/script>\r\n\r\n \u003Ctitle>\u003C/title>\r\n \u003Clink rel=\"icon\" href=\"\"/>\r\n \u003Cmeta charset=\"utf-8\">\r\n \u003Cmeta name=\"viewport\" content=\"width=device-width,initial-scale=1\">\r\n \u003Cmeta name=\"description\" content=\"\">\r\n \r\n \u003C/head>\r\n \u003Cbody>\r\n \u003Cdiv id=\"app\">\u003C/div>\r\n \u003Cscript type=\"module\" src=\"/@fs/Volumes/Data/Work/Clients/Forgd/forgd/node_modules/@histoire/app/dist/bundle-main.js\">\u003C/script>\r\n \u003C/body>\r\n\u003C/html>\r\n```\r\n\r\nThis is the change in requests from package to package:\r\n\r\n```\r\n// before, served from here:\r\nhttp://localhost:6006/node_modules/.cache/nuxt-google-fonts/fonts/Sora-300-12.woff2\r\n\r\n// after, server from here:\r\nhttp://localhost:6006/_fonts/aFTU7PB1QTsUX8KYthqQBK6PYK0-hqxt3dDpcK.woff2\r\n```\r\n\r\nThe only other special thing is that our project uses NX as a monorepo.\r\n\r\nAny ideas?",[2049,2050],{"name":1999,"color":2000},{"name":2018,"color":2019},240,"fonts","Nuxt Fonts not loading in Histoire","2024-09-23T14:00:55Z","https://github.com/nuxt/fonts/issues/240",0.75520194,{"description":2058,"labels":2059,"number":2063,"owner":1988,"repository":2064,"state":2033,"title":2065,"updated_at":2066,"url":2067,"score":2068},"### 🆒 Your use case\n\nThe current Google Analytics registry does not use [consent mode](https://developers.google.com/tag-platform/security/guides/consent?consentmode=advanced). This is used for communicating the user's consent status to Google.\n\n### 🆕 The solution you'd like\n\nI would like to have it as part of the options for the registry script so I can easily define default consent settings as well as the option of opting into consent mode v2.\n\n### 🔍 Alternatives you've considered\n\nCurrently I have opted to just copy the registry script and redefine it with an expanded clientInit property since the default consent needs to be set before `gtag('js', ...)` and `gtag('config', ...)` is called.\r\n\r\n```ts\r\n[...]\r\nclientInit: import.meta.server\r\n ? undefined\r\n : () => {\r\n window.dataLayer = window.dataLayer || []\r\n window.gtag = function () {\r\n // eslint-disable-next-line prefer-rest-params\r\n window.dataLayer.push(arguments)\r\n }\r\n\r\n window.gtag('consent', 'default', {\r\n ad_user_data: 'denied',\r\n ad_personalization: 'denied',\r\n ad_storage: 'denied',\r\n analytics_storage: 'denied',\r\n })\r\n window.gtag('set', { ads_data_redaction: 'true' })\r\n\r\n window.gtag('js', new Date())\r\n window.gtag('config', website.analytics4Key)\r\n },\r\n[...]\r\n```\n\n### ℹ️ Additional info\n\n_No response_",[2060],{"name":2061,"color":2062},"enhancement","a2eeef",243,"scripts","Add consent mode for Google Analytics registry script","2025-02-18T20:30:05Z","https://github.com/nuxt/scripts/issues/243",0.75941396,{"description":2070,"labels":2071,"number":2076,"owner":1988,"repository":2052,"state":2033,"title":2077,"updated_at":2078,"url":2079,"score":2080},"Is it possible to specify the priority of downloading files by their extension (woff 2, woff, tff)? Now, if a folder contains both ttf and woff2 at the same time, then the module loads tff. Or do I only need to store fonts in woff2 format?\r\n\r\n\r\n\r\n",[2072,2073],{"name":1999,"color":2000},{"name":2074,"color":2075},"needs reproduction","C94E53",135,"Allow downloading priority by extensions","2024-09-23T12:02:52Z","https://github.com/nuxt/fonts/issues/135",0.7610953,{"description":2082,"labels":2083,"number":2088,"owner":1988,"repository":2064,"state":2033,"title":2089,"updated_at":2090,"url":2091,"score":2092},"Upgrading to v6.0.2 I get the following errors in the Nuxt Turnstile module:\r\n\r\n```\r\n.nuxt/nuxt-scripts/tpc/google-tag-manager.ts(13,17): error TS2742: The inferred type of 'useScriptGoogleTagManager' cannot be named without a reference to '.pnpm/@unhead+vue@1.9.15_vue@3.4.31_typescript@5.5.3_/node_modules/@unhead/vue'. This is likely not portable. A type annotation is necessary.\r\n.nuxt/nuxt-scripts/tpc/google-tag-manager.ts(6,7): error TS2742: The inferred type of 'OptionSchema' cannot be named without a reference to '.pnpm/valibot@0.36.0/node_modules/valibot'. This is likely not portable. A type annotation is necessary.\r\n.nuxt/nuxt-scripts/tpc/google-tag-manager.ts(6,7): error TS2742: The inferred type of 'OptionSchema' cannot be named without a reference to '.pnpm/valibot@0.36.0/node_modules/valibot'. This is likely not portable. A type annotation is necessary.\r\n.nuxt/nuxt-scripts/tpc/google-analytics.ts(13,17): error TS2742: The inferred type of 'useScriptGoogleAnalytics' cannot be named without a reference to '.pnpm/@unhead+vue@1.9.15_vue@3.4.31_typescript@5.5.3_/node_modules/@unhead/vue'. This is likely not portable. A type annotation is necessary.\r\n.nuxt/nuxt-scripts/tpc/google-analytics.ts(6,7): error TS2742: The inferred type of 'OptionSchema' cannot be named without a reference to '.pnpm/valibot@0.36.0/node_modules/valibot'. This is likely not portable. A type annotation is necessary.\r\n.nuxt/nuxt-scripts/tpc/google-analytics.ts(6,7): error TS2742: The inferred type of 'OptionSchema' cannot be named without a reference to '.pnpm/valibot@0.36.0/node_modules/valibot'. This is likely not portable. A type annotation is necessary.\r\n```\r\n\r\nhttps://github.com/nuxt-modules/turnstile/actions/runs/9820960416/job/27116095724?pr=321#step:14:24",[2084,2085],{"name":1999,"color":2000},{"name":2086,"color":2087},"pre-announce","c2e0c6",133,"fix(tpc): a type annotation is necessary","2024-07-15T18:18:26Z","https://github.com/nuxt/scripts/issues/133",0.7624312,{"description":2094,"labels":2095,"number":2101,"owner":1988,"repository":2102,"state":2033,"title":2103,"updated_at":2104,"url":2105,"score":2106},"https://www.figma.com/design/KObqapBa7MXcOw78aPRL4E/%E2%9B%B0%EF%B8%8F---nuxt.com?node-id=775-13944&t=VQsmXmHirUicOKA7-0",[2096,2098],{"name":2061,"color":2097},"1ad6ff",{"name":2099,"color":2100},"design","00bd6f",1619,"nuxt.com","[Enterprise] Support page rework","2024-07-26T17:57:33Z","https://github.com/nuxt/nuxt.com/issues/1619",0.7668818,["Reactive",2108],{},["Set"],["ShallowReactive",2111],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"M3xy4jRB9G4ImRsuUfKUaRl9fmMqU10D9J_Qsyf0EiQ":-1},"/nuxt/icon/77"]