\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",[1984,1987,1990],{"name":1985,"color":1986},"bug","d73a4a",{"name":1988,"color":1989},"v3","49DCB8",{"name":1991,"color":1992},"triage","ffffff",3633,"nuxt","ui","open","Default padding on `UChip`","2025-03-20T09:21:01Z","https://github.com/nuxt/ui/issues/3633",0.72075963,{"description":2002,"labels":2003,"number":2004,"owner":1994,"repository":2005,"state":1996,"title":2006,"updated_at":2007,"url":2008,"score":2009},"I added @nuxt/icon to my project. In the project it is working fine but in histoire it is not working.\r\nIn histoire it is not able to render the stories that contain components that use @nuxt/icon.\r\n\r\nOn devtools console you always see the error:\r\n\u003Cimg width=\"654\" alt=\"Bildschirmfoto 2024-07-22 um 21 10 24\" src=\"https://github.com/user-attachments/assets/4793e76d-e549-4712-bdfc-dc230c1cb56f\">\r\n\r\nit doesn't matter if mode is css or svg, it doesn't matter if from iconify icon libs, global components or custom collections, it is simple not able to work with it. The error is always the same.\r\n\r\nHere is a reproduction: https://stackblitz.com/edit/nuxt-starter-kckxy8\r\nrun the histoire to see the story not getting rendered and the console error in devtools.\r\n\r\nPlease help!",[],212,"icon","@nuxt/icon not working in histoire with mode \"svg\"","2024-08-11T05:45:02Z","https://github.com/nuxt/icon/issues/212",0.7428122,{"description":2011,"labels":2012,"number":2016,"owner":1994,"repository":2017,"state":1996,"title":2018,"updated_at":2019,"url":2020,"score":2021},"From my testings, only weights `400` (normal) and `700` (bold) are available out of the box by using the `@nuxtjs/tailwindcss` module like this:\r\n\r\n```html\r\n\u003Cspan class=\"font-roboto\">...\u003C/span> \u003C!-- Works -->\r\n\r\n\u003Cspan class=\"font-roboto font-bold\">...\u003C/span> \u003C!-- Works -->\r\n\r\n\u003Cspan class=\"font-roboto font-medium\">...\u003C/span> \u003C!-- Doesn't work -->\r\n```\r\n\r\n> `font-roboto` is defined in tailwind.config.\r\n\r\nAm I missing something, or do I do have to specify the other weights in the module options?",[2013],{"name":2014,"color":2015},"enhancement","a2eeef",209,"fonts","detect font weights automatically","2024-11-24T15:36:51Z","https://github.com/nuxt/fonts/issues/209",0.7451494,{"description":2023,"labels":2024,"number":2028,"owner":1994,"repository":2029,"state":1996,"title":2030,"updated_at":2031,"url":2032,"score":2033},"### 📚 What are you trying to do?\n\nWhen using the code, I get a center marker on the coordinates I want on the static map view, but as soon as the map gets active it disappears. The demo code in the docs, I don't see how it works since api is no longer worker. \n\n```\n\n\n\u003Cscript setup lang=\"ts\">\n import { ref } from \"vue\";\n import { useRuntimeConfig } from \"#app\";\n\n const config = useRuntimeConfig();\n const googleMapsApiKey = config.public.googleMapsApiKey;\n const leidenCoords = { lat: 52.160114, lng: 4.49701 }; // Coordinates for Leiden\n\n const mapOptions = {\n zoom: 10, // Set the initial zoom level\n center: { lat: 52.160114, lng: 4.49701 }, // Initial center position\n mapTypeControl: false, // Disables Map/Satellite option\n streetViewControl: false, // Disables Street View pegman\n fullscreenControl: false, // Disables fullscreen option\n scrollwheel: false, // Disables scroll wheel zoom\n styles: [\n {\n featureType: \"landscape\",\n stylers: [{ color: \"#f9ddc5\" }, { lightness: -7 }],\n },\n {\n featureType: \"road\",\n stylers: [{ color: \"#813033\" }, { lightness: 43 }],\n },\n {\n featureType: \"poi.business\",\n stylers: [{ color: \"#645c20\" }, { lightness: 38 }],\n },\n {\n featureType: \"water\",\n stylers: [\n { color: \"#1994bf\" },\n { saturation: -69 },\n { gamma: 0.99 },\n { lightness: 43 },\n ],\n },\n {\n featureType: \"road.local\",\n elementType: \"geometry.fill\",\n stylers: [\n { color: \"#f19f53\" },\n { weight: 1.3 },\n { visibility: \"on\" },\n { lightness: 16 },\n ],\n },\n { featureType: \"poi.business\" },\n {\n featureType: \"poi.park\",\n stylers: [{ color: \"#645c20\" }, { lightness: 39 }],\n },\n {\n featureType: \"poi.school\",\n stylers: [{ color: \"#a95521\" }, { lightness: 35 }],\n },\n {\n featureType: \"poi.medical\",\n elementType: \"geometry.fill\",\n stylers: [\n { color: \"#813033\" },\n { lightness: 38 },\n { visibility: \"off\" },\n ],\n },\n ],\n }; // Function to add the Leiden marker when map is ready\n\u003C/script>\n\n\u003Ctemplate>\n \u003Cdiv class=\"flex items-center justify-center w-full min-w-full\">\n \u003CScriptGoogleMaps\n :api-key=\"googleMapsApiKey\"\n :mapOptions=\"mapOptions\"\n class=\"h-64 rounded-lg min-w-full\"\n />\n \u003C/div>\n\u003C/template>\n\n\u003Cstyle scoped>\n /* Optional styling */\n\u003C/style>\n\n\u003Cstyle scoped>\n /* Ensure map has full width and fixed height */\n #map {\n width: 100%;\n height: 16rem; /* 64 Tailwind units */\n }\n\u003C/style>\n\n\n```\n\n\n\n\n### 🔍 What have you tried?\n\n_No response_\n\n### ℹ️ Additional context\n\n_No response_",[2025],{"name":2026,"color":2027},"help wanted","008672",314,"scripts","Centermarker disappears when loading active googlemap","2024-11-10T17:33:02Z","https://github.com/nuxt/scripts/issues/314",0.74547285,{"description":2035,"labels":2036,"number":2028,"owner":1994,"repository":2038,"state":1996,"title":2039,"updated_at":2040,"url":2041,"score":2033},"### Environment\n\n- Operating System: `Linux`\r\n- Node Version: `v16.14.2`\r\n- Nuxt Version: `3.0.0-rc.12`\r\n- Nitro Version: `0.6.0`\r\n- Package Manager: `npm@7.17.0`\r\n- Builder: `vite`\r\n- User Config: `-`\r\n- Runtime Modules: `-`\r\n- Build Modules: `-`\n\n### Reproduction\n\nhttps://stackblitz.com/edit/nuxt-framework-zehqm6\n\n### Describe the bug\n\nThe empty `await setup({})` in the tests takes ~4 seconds for every rerun in `watch` mode in the empty project.\r\nPlease, check the reproduction, try to run `npm test`.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2037],{"name":2014,"color":2015},"test-utils","The \"setup\" in the tests is very slow for every rerun","2024-12-03T16:02:16Z","https://github.com/nuxt/test-utils/issues/314",{"description":2043,"labels":2044,"number":2045,"owner":1994,"repository":2005,"state":1996,"title":2046,"updated_at":2047,"url":2048,"score":2049},"Hi, thanks for this pluggin which is really great.\r\n\r\nI'm using NuxtIcon by integrating it with Vuetify, and I noticed that when a component is hidden and then displayed again (like a menu for example), when it is displayed again I have as many errors in console as icons displayed by the component.\r\n\r\nI have created a StackBlitz that uses Vuetify 3 with Nuxt Icon to reproduce what I encounter on my application.\r\n([https://stackblitz.com/edit/nuxt-starter-uij6h7](https://stackblitz.com/edit/nuxt-starter-uij6h7))\r\nThe steps to reproduce: \r\n- Open the menu\r\n- Close the menu\r\n- Open the menu then click on the 3 dots icon to open the sub menu\r\n- Look at the console\r\n(If it doesn't work the first time you can change pages and try again)\r\n\r\nWhen I comment on the use of the component that wraps NuxtIcon in the` vuetify.ts` plugin I no longer get these warnings.\r\nMaybe I'm not using the vue h() function correctly in the vuetify plugin..\r\n\r\n\u003Cimg width=\"1728\" alt=\"Capture d’écran 2023-01-16 à 12 04 59\" src=\"https://user-images.githubusercontent.com/34127019/212665596-b5b7fc93-243f-4b17-9109-9fd6314353f0.png\">\r\n",[],42,"NuxtIcon + Vuetify - Warning: Slot \"default\" invoked outside of the render function","2024-04-02T16:05:32Z","https://github.com/nuxt/icon/issues/42",0.7690308,{"description":2051,"labels":2052,"number":2056,"owner":1994,"repository":2005,"state":1996,"title":2057,"updated_at":2058,"url":2059,"score":2060},"I render a component including icons (with mode svg) to html code to be shown in eBay descriptions:\n\n```ts\nimport { renderToString } from '@vue/server-renderer';\nimport { MyComponent } from '#components';\n\nonMounted(async () => {\n await renderToString(\n h(MyComponent, {\n prop1: 'hello',\n }),\n );\n})\n```\n\nSince I updated to 1.4.x the icons are not working anymore. The svg tags are just empty.\n\nI tried out a lot and found out that the svg tags are just empty on first call of renderToString(). But they are visible when one of this conditions is true:\n\n* When changing something on the page and Nuxt is refreshing (without refreshing the browser window)\n* If I call it twice with a little delay between the icons are working correctly\n* If I have the same icon visible on the page already",[2053],{"name":2054,"color":2055},"question","d876e3",255,"Empty SVG tags when using renderToString() for the first time","2024-10-28T13:38:30Z","https://github.com/nuxt/icon/issues/255",0.7706118,{"description":2062,"labels":2063,"number":2071,"owner":1994,"repository":2038,"state":2072,"title":2073,"updated_at":2074,"url":2075,"score":2076},"### Environment\n\nWorking directory: /home/projects/github-h9agvz\r\nNuxt project info:\r\n\r\n------------------------------\r\n- Operating System: Linux\r\n- Node Version: v18.20.3\r\n- Nuxt Version: 3.12.2\r\n- CLI Version: 3.12.0\r\n- Nitro Version: 2.9.6\r\n- Package Manager: npm@10.2.3\r\n- Builder: -\r\n- User Config: devtools, srcDir\r\n- Runtime Modules: -\r\n- Build Modules: -\r\n------------------------------\n\n### Reproduction\n\nhttps://stackblitz.com/edit/github-h9agvz?file=vitest.config.ts,nuxt.config.ts\n\n### Describe the bug\n\nThe coverage report (by either v8 or istanbul) does not get generated if I change the `srcDir` configuration in `nuxt.config.js`. It seems it works well if I use the default setting. You can reproduce the issue with the link I provided.\r\n\r\nIf I click on the *Coverage* icon button on `vitest-ui` web page, It shows the error text: `Cannot GET /coverage/index.html`.\r\n\r\nIf I run `vitest` with `--ui` and `coverage.enabled` option to `true` then the coverage report's `html` files should be generated in `/coverage` directory, but what I get is only `tmp` directory with `coverage.json` files included. It seems the `.html` files are not generated properly so that the output directory get empty.\r\n\r\nI even tried to change `reportsDirectory` or `root` in `vitest.config.js` but nothing changes.\n\n### Additional context\n\nSometimes if I run `vitest --ui` then after the preparation is ready, the open browser should show the Vitest UI, but it shows `Cannot GET /`. After that if I click the URL printed on the console (UI started at http://localhost:51204/__vitest__/), then it goes to the UI page. Also, if I click the *Coverage* icon on that page, it shows the error text of `Cannot GET /coverage/index.html` as well.\n\n### Logs\n\n_No response_",[2064,2065,2068],{"name":1985,"color":1986},{"name":2066,"color":2067},"vitest-environment","b60205",{"name":2069,"color":2070},"pending triage","5D08F5",869,"closed","Coverage report does not get generated if `srcDir` in `nuxt.config.js` is modified.","2024-09-30T14:25:26Z","https://github.com/nuxt/test-utils/issues/869",0.69806117,{"description":2078,"labels":2079,"number":2084,"owner":1994,"repository":2029,"state":2072,"title":2085,"updated_at":2086,"url":2087,"score":2088},"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",[2080,2081],{"name":1985,"color":1986},{"name":2082,"color":2083},"pre-announce","c2e0c6",133,"fix(tpc): a type annotation is necessary","2024-07-15T18:18:26Z","https://github.com/nuxt/scripts/issues/133",0.72630435,{"description":2090,"labels":2091,"number":2093,"owner":1994,"repository":2029,"state":2072,"title":2094,"updated_at":2095,"url":2096,"score":2097},"### 🆒 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_",[2092],{"name":2014,"color":2015},243,"Add consent mode for Google Analytics registry script","2025-02-18T20:30:05Z","https://github.com/nuxt/scripts/issues/243",0.7311373,["Reactive",2099],{},["Set"],["ShallowReactive",2102],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"0sVYnYsIt0FmE3zNu82W4OSCgqwMhFUWF6uZBRA_1q8":-1},"/nuxt/fonts/165"]