\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_",[2867],{"name":2868,"color":2869},"help wanted","008672",314,"nuxt","scripts","open","Centermarker disappears when loading active googlemap","2024-11-10T17:33:02Z","https://github.com/nuxt/scripts/issues/314",0.4637667,{"description":2879,"labels":2880,"number":2881,"owner":2871,"repository":2882,"state":2873,"title":2883,"updated_at":2884,"url":2885,"score":2886},"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.7410298,{"description":2888,"labels":2889,"number":2893,"owner":2871,"repository":2882,"state":2873,"title":2894,"updated_at":2895,"url":2896,"score":2897},"I sometimes forgot to install local collection when used new icon. It works nobody will notice it.\n\nCould you add optional warning when remote icon was loaded, so I can see it in the dev server console and in CI while building?\n\nOption:\n```\nexport default defineNuxtConfig({\n icon: {\n remoteWarning: true\n }\n```\n\nHow this warning could look like:\n```\nℹ Nuxt Icon server bundle mode is set to local \n✔ Nuxt Icon discovered local-installed 5 collections: fontisto, heroicons, material-symbols, ph, simple-icons\n WARN [Nuxt Icon warn]: Loaded remote icon i-ion-example\n```",[2890],{"name":2891,"color":2892},"documentation","0075ca",275,"Add warning when used remote icon","2024-10-28T13:34:46Z","https://github.com/nuxt/icon/issues/275",0.7498212,{"description":2899,"labels":2900,"number":2901,"owner":2871,"repository":2902,"state":2873,"title":2903,"updated_at":2904,"url":2905,"score":2906},"\r\n\u003Cimg width=\"1229\" alt=\"image\" src=\"https://github.com/nuxt/nuxt.com/assets/73933669/a8b6473a-c737-4783-ad7f-148b07f0bf56\">\r\n\r\nhttps://github.com/nuxt/nuxt.com/assets/73933669/747e1528-e1b6-4c89-ae63-4afc0d74e471\r\n\r\n\r\nBrowser: Safari (i think this issue might be on every browser)\r\n\r\nHow to reproduce:\r\nSpam `cmd + r` if you're on windows `ctrl + r`.",[],1582,"nuxt.com","Cannot load payload ~ A bug maybe","2024-05-15T07:13:12Z","https://github.com/nuxt/nuxt.com/issues/1582",0.75628847,{"description":2908,"labels":2909,"number":2870,"owner":2871,"repository":2910,"state":2911,"title":2912,"updated_at":2913,"url":2914,"score":2877},"I'm trying to load two different fonts from Adobe Fonts and it only loads one.\n\nThe fonts I'm trying to use:\n- Transducer\n- Articulat CF\n\nArticulat CF does load but Transducer doesn't.\n\nHere is my `nuxt.config.ts`:\n```js\nexport default defineNuxtConfig({\n compatibilityDate: '2024-04-03',\n devtools: { \n enabled: true \n },\n modules: [\n '@nuxtjs/tailwindcss',\n 'nuxt-svgo',\n '@nuxt/fonts',\n ],\n fonts: {\n adobe: {\n id: ['ztp5pvp'],\n },\n families: [\n { name: '\"Articulat CF\"', provider: 'adobe' },\n { name: '\"Transducer\"', provider: 'adobe' },\n ],\n },\n app: {\n //\n }\n})\n```\n\nHere is my `tailwind.config.js`:\n```js\nmodule.exports = {\n theme: {\n extend: {\n colors: {\n 'brand-primary': '#5122E1',\n },\n fontFamily: {\n transducer: ['\"Transducer\"', 'system-ui', 'sans-serif'],\n articulat: ['\"Articulat CF\"', 'system-ui', 'sans-serif'],\n },\n typography: {\n DEFAULT: {\n css: {\n 'blockquote p:first-of-type::before': false,\n 'blockquote p:first-of-type::after': false,\n },\n },\n },\n },\n },\n variants: {\n extend: {\n order: ['odd', 'even'],\n marginBottom: ['last'],\n }\n },\n plugins: [\n require('@tailwindcss/typography'),\n require('@tailwindcss/forms'),\n ],\n}\n```\n\nHere's a screenshot for my Abode Font kit\n\n\nThis is the Adobe Fonts CSS: https://use.typekit.net/ztp5pvp.css.\n\nI know you can't use the `'articulat-cf'` lowercase format, so I've tried `'\"Transducer\"'`, `'Transducer'`, `'\"transducer\"'`, and `\"transducer\"` formats both in `nuxt.config.ts` and `tailwind.config.js` which never loads that font, but loads and displays `\"Articulat CF\"` fine.\n\nAm I missing something here?\n\nThanks.",[],"fonts","closed","Issue loading certain fonts with Adobe Fonts (Typekit)","2024-10-07T11:17:21Z","https://github.com/nuxt/fonts/issues/314",{"description":2916,"labels":2917,"number":2918,"owner":2871,"repository":2882,"state":2911,"title":2919,"updated_at":2920,"url":2921,"score":2922},"Hi there! I started a Nuxt project with Nuxt icon module, but moved to using Iconify package for a couple of reasons, and I thought I'd better ask just in case there's a solution to both that allows me to get back to Nuxt icon, which seemed a bit lighter: \n\n1 - I have a component that changes the icon depending on a \"status\" ref variable. With iconify, the transition is immediate, but with Nuxt icon, there's no icon for half a second (a solid color square appears instead), and sometimes the initial icon is not loaded at all, and I have to click it to change the status and finally load it (it doesn't happen with iconify). If you need a build to see the issue, please let me know.\n\n2 - With iconify, I can use tailwind bg-* classes in Icon component for changing the icon background, and text-* for icon color. But with Nuxt icon, bg-* and text-* both change the icon color, so I have to wrap the Icon component in a div in order to apply a background color. Is there any other way to change the background color with Nuxt icon? Or, are there plans to add support for background color? \n\nThanks a lot beforehand :)",[],254,"A couple of doubts about Nuxt icon","2024-09-16T21:51:02Z","https://github.com/nuxt/icon/issues/254",0.7260395,{"description":2924,"labels":2925,"number":2935,"owner":2871,"repository":2936,"state":2911,"title":2937,"updated_at":2938,"url":2939,"score":2940},"### 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_",[2926,2929,2932],{"name":2927,"color":2928},"bug","d73a4a",{"name":2930,"color":2931},"vitest-environment","b60205",{"name":2933,"color":2934},"pending triage","5D08F5",869,"test-utils","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.727123,{"description":2942,"labels":2943,"number":2944,"owner":2871,"repository":2910,"state":2911,"title":2945,"updated_at":2946,"url":2947,"score":2948},"Here is my config code\r\n\r\n```\r\nfamilies: [\r\n {\r\n name: 'Display',\r\n src: '/fonts/Display/',\r\n weights: ['200', '300', '400', '500', '700', '900'],\r\n display: 'swap',\r\n },\r\n {\r\n name: 'Narr',\r\n src: '/fonts/Narr/',\r\n weights: ['100', '300', '400', '500', '700', '900'],\r\n display: 'swap',\r\n },\r\n ],\r\n```\r\nand this structure of my font file\r\n\r\n\u003Cimg width=\"347\" alt=\"image\" src=\"https://github.com/nuxt/fonts/assets/19503892/ca4df9b5-7d5a-4193-b79b-1a3a3b406737\">\r\n\r\n\r\n\r\n**The Narr font is already readable**, and the display font not readable like this.\r\n\r\n\r\n\u003Cimg width=\"796\" alt=\"image\" src=\"https://github.com/nuxt/fonts/assets/19503892/61f3d912-b63c-40a6-b1c1-0825543fe23e\">",[],165,"Two local fonts familly, Only one legible","2024-05-30T21:18:42Z","https://github.com/nuxt/fonts/issues/165",0.7358986,{"description":2950,"labels":2951,"number":2952,"owner":2871,"repository":2902,"state":2911,"title":2953,"updated_at":2954,"url":2955,"score":2956},"- Turn Hero into classic one (see /support)\n- Get Started => Reuse block at the end of the page\n- Guide => Stay as is\n- API => Turn into 6 little cards for each section",[],1034,"[Code] Docs landing","2023-09-05T08:18:49Z","https://github.com/nuxt/nuxt.com/issues/1034",0.737879,{"description":2958,"labels":2959,"number":2952,"owner":2871,"repository":2936,"state":2911,"title":2961,"updated_at":2962,"url":2963,"score":2956},"### Environment\n\n------------------------------\n- Operating System: Linux\n- Node Version: v18.20.3\n- Nuxt Version: 3.14.1592\n- CLI Version: 3.16.0\n- Nitro Version: 2.10.4\n- Package Manager: npm@10.2.3\n- Builder: -\n- User Config: default\n- Runtime Modules: ../../packages/package-one/src/module, ../../packages/package-two/src/module\n- Build Modules: -\n------------------------------\n\n### Reproduction\n\nYou get the error when using vitest 2.1.8 (the error appears since 2.1.5): https://stackblitz.com/edit/github-n797ja-hxhseq\n\nIt works in 2.1.4: https://stackblitz.com/edit/github-n797ja-2rtuvw\n\n### Describe the bug\n\nIn a workspace with multiple projects, it is no longer possible to call defineVitestConfig because of unctx conflicts:\n\n```\nError: Context conflict\n at checkConflict (file:///home/projects/github-n797ja-hxhseq/node_modules/unctx/dist/index.mjs:25:13)\n at set (file:///home/projects/github-n797ja-hxhseq/node_modules/unctx/dist/index.mjs:59:22)\n at initNuxt (file:///home/projects/github-n797ja-hxhseq/node_modules/nuxt/dist/index.mjs:4404:21)\n at ready (file:///home/projects/github-n797ja-hxhseq/node_modules/nuxt/dist/index.mjs:4306:26)\n at loadNuxt (file:///home/projects/github-n797ja-hxhseq/node_modules/nuxt/dist/index.mjs:4871:16)\n```\n\nCould be related to https://github.com/nuxt/test-utils/issues/537\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2960],{"name":2933,"color":2934},"Can't load config files in workspace since vitest 2.1.5","2025-02-11T15:38:57Z","https://github.com/nuxt/test-utils/issues/1034",["Reactive",2965],{},["Set"],["ShallowReactive",2968],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fh2VQdZBawrZziYYI4XZQwmgL8EfwSlaaRrghcinj8QI":-1},"/nuxt/test-utils/314"]