\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",[2867,2870,2873],{"name":2868,"color":2869},"bug","d73a4a",{"name":2871,"color":2872},"v3","49DCB8",{"name":2874,"color":2875},"triage","ffffff",3633,"nuxt","ui","open","Default padding on `UChip`","2025-03-20T09:21:01Z","https://github.com/nuxt/ui/issues/3633",0.7257998,{"description":2885,"labels":2886,"number":2887,"owner":2877,"repository":2888,"state":2879,"title":2889,"updated_at":2890,"url":2891,"score":2892},"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.72940814,{"description":2894,"labels":2895,"number":2899,"owner":2877,"repository":2900,"state":2879,"title":2901,"updated_at":2902,"url":2903,"score":2904},"### 📚 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_",[2896],{"name":2897,"color":2898},"help wanted","008672",314,"scripts","Centermarker disappears when loading active googlemap","2024-11-10T17:33:02Z","https://github.com/nuxt/scripts/issues/314",0.74118555,{"description":2906,"labels":2907,"number":2899,"owner":2877,"repository":2911,"state":2879,"title":2912,"updated_at":2913,"url":2914,"score":2904},"### 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_",[2908],{"name":2909,"color":2910},"enhancement","a2eeef","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":2916,"labels":2917,"number":2919,"owner":2877,"repository":2920,"state":2879,"title":2921,"updated_at":2922,"url":2923,"score":2924},"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?",[2918],{"name":2909,"color":2910},209,"fonts","detect font weights automatically","2024-11-24T15:36:51Z","https://github.com/nuxt/fonts/issues/209",0.7577153,{"description":2926,"labels":2927,"number":2928,"owner":2877,"repository":2929,"state":2879,"title":2930,"updated_at":2931,"url":2932,"score":2933},"Hello Nuxters,\r\n\r\nI'm a fan and a supporter of nuxt and wanted to contribute in any way possible.\r\nNot sure if it is under cooking, but if not, I would be glad to add a deploy page for (Coolify.io)[https://coolify.io/]\r\n\r\nPlease let me know if that would be an acceptable pull request.\r\n\r\nThanks,\r\nMohannad",[],1609,"nuxt.com","docs: add deploy to Coolify.io","2024-07-19T06:05:15Z","https://github.com/nuxt/nuxt.com/issues/1609",0.76487476,{"description":2935,"labels":2936,"number":2938,"owner":2877,"repository":2900,"state":2879,"title":2939,"updated_at":2940,"url":2941,"score":2942},"### 🆒 Your use case\n\nSo far I have been using Cloudflare Zaraz which collects data on the server side.\r\n\r\nSuch data collection is independent of blockers and cookies and other elements. Thanks to this, statistics are more stable and are usually not affected by the browser quite strongly.\r\n\r\nI have noticed a really huge problem and a huge drop in views and stability of data collection when moving GA4 from Cloudflare Zaraz to Nuxt Scripts.\r\n\r\nIt would be great if in the future there was a possibility of collecting data using server-side as it is described for example here:\r\n\r\nhttps://developers.google.com/tag-platform/learn/sst-fundamentals/5-sst-setup-analytics\r\n\r\nFor now, unfortunately, I am returning to Cloudflare Zaraz with most scripts because then everything is more stable and less blocked.\n\n### 🆕 The solution you'd like\n\nhttps://developers.google.com/tag-platform/learn/sst-fundamentals/5-sst-setup-analytics\n\n### 🔍 Alternatives you've considered\n\n_No response_\n\n### ℹ️ Additional info\n\n_No response_",[2937],{"name":2909,"color":2910},238,"Server side GA4","2024-09-03T13:45:06Z","https://github.com/nuxt/scripts/issues/238",0.767788,{"description":2944,"labels":2945,"number":2953,"owner":2877,"repository":2911,"state":2954,"title":2955,"updated_at":2956,"url":2957,"score":2958},"### 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_",[2946,2947,2950],{"name":2868,"color":2869},{"name":2948,"color":2949},"vitest-environment","b60205",{"name":2951,"color":2952},"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.70519465,{"description":2960,"labels":2961,"number":2963,"owner":2877,"repository":2900,"state":2954,"title":2964,"updated_at":2965,"url":2966,"score":2967},"### 🆒 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_",[2962],{"name":2909,"color":2910},243,"Add consent mode for Google Analytics registry script","2025-02-18T20:30:05Z","https://github.com/nuxt/scripts/issues/243",0.7174492,{"description":2969,"labels":2970,"number":2887,"owner":2877,"repository":2900,"state":2954,"title":2975,"updated_at":2976,"url":2977,"score":2892},"### 🐛 The bug\r\n\r\nAlso shown in the video below from 00:06 on (before just a sanity check that it works).\r\n\r\n1. Go to https://nuxt.com/blog/nuxt-scripts\r\n2. Scroll to the YouTube example\r\n3. DO NOT click the video yet\r\n4. Click on \"input\"\r\n5. Click on \"output\" again\r\n6. Try to play the video\r\n7. See that it doesn't work\r\n\r\n\r\n[nuxt-blog-scripts.webm](https://github.com/user-attachments/assets/d92655a4-6c95-495d-b33c-35797a180e7e)\r\n\r\n\r\n### 🛠️ To reproduce\r\n\r\nhttps://nuxt.com/blog/nuxt-scripts\r\n\r\n### 🌈 Expected behavior\r\n\r\nThe video should be loaded after the click too\r\n\r\n### ℹ️ Additional context\r\n\r\n_No response_",[2971,2972],{"name":2868,"color":2869},{"name":2973,"color":2974},"upstream","84A80F","Blog: Example does not work after tab switch","2024-09-03T05:51:31Z","https://github.com/nuxt/scripts/issues/212",["Reactive",2979],{},["Set"],["ShallowReactive",2982],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$f0sVYnYsIt0FmE3zNu82W4OSCgqwMhFUWF6uZBRA_1q8":-1},"/nuxt/fonts/165"]