\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_",[1984],{"name":1985,"color":1986},"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.45329902,{"description":1996,"labels":1997,"number":2004,"owner":1988,"repository":2005,"state":1990,"title":2006,"updated_at":2007,"url":2008,"score":2009},"### Description\n\nhi\nafter i upgrade from v2 to v3 i get this error : \n\n[plugin:vite:vue] [@vue/compiler-sfc] Failed to resolve extends base type.\nIf this previously worked in 3.2, you can instruct the compiler to ignore this extend by adding /* @vue-ignore */ before it, for example:\n\ninterface Props extends /* @vue-ignore */ Base {}\n\nNote: both in 3.2 or with the ignore, the properties in the base type are treated as fallthrough attrs at runtime.\n\n/node_modules/@nuxt/ui/dist/runtime/components/Carousel.vue\n151| const appConfig = useAppConfig()\n152| const { dir, t } = useLocale()\n153| const rootProps = useForwardProps(reactivePick(props, 'active', 'align', 'breakpoints', 'containScroll', 'dragFree', 'dragThreshold', 'duration', 'inViewThreshold', 'loop', 'skipSnaps', 'slidesToScroll', 'startIndex', 'watchDrag', 'watchResize', 'watchSlides', 'watchFocus'))\n | ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^\n154| \n155| const prevIcon = computed(() => props.prevIcon || (dir.value === 'rtl' ? appConfig.ui.icons.arrowRight : appConfig.ui.icons.arrowLeft))\n\n\ncan anyone help me ?",[1998,2001],{"name":1999,"color":2000},"question","d876e3",{"name":2002,"color":2003},"v3","49DCB8",3873,"ui","[@vue/compiler-sfc] Failed to resolve extends base type.","2025-04-13T06:59:01Z","https://github.com/nuxt/ui/issues/3873",0.7337713,{"description":2011,"labels":2012,"number":2013,"owner":1988,"repository":2014,"state":1990,"title":2015,"updated_at":2016,"url":2017,"score":2018},"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.74285907,{"description":2020,"labels":2021,"number":1987,"owner":1988,"repository":2022,"state":2023,"title":2024,"updated_at":2025,"url":2026,"score":1994},"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":2028,"labels":2029,"number":2039,"owner":1988,"repository":2040,"state":2023,"title":2041,"updated_at":2042,"url":2043,"score":2044},"### 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_",[2030,2033,2036],{"name":2031,"color":2032},"bug","d73a4a",{"name":2034,"color":2035},"vitest-environment","b60205",{"name":2037,"color":2038},"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.7216222,{"description":2046,"labels":2047,"number":2048,"owner":1988,"repository":2014,"state":2023,"title":2049,"updated_at":2050,"url":2051,"score":2052},"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.7237698,{"description":2054,"labels":2055,"number":2056,"owner":1988,"repository":2057,"state":2023,"title":2058,"updated_at":2059,"url":2060,"score":2061},"- 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,"nuxt.com","[Code] Docs landing","2023-09-05T08:18:49Z","https://github.com/nuxt/nuxt.com/issues/1034",0.7240969,{"description":2063,"labels":2064,"number":2056,"owner":1988,"repository":2040,"state":2023,"title":2066,"updated_at":2067,"url":2068,"score":2061},"### 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```",[2065],{"name":2037,"color":2038},"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",{"description":2070,"labels":2071,"number":2072,"owner":1988,"repository":2022,"state":2023,"title":2073,"updated_at":2074,"url":2075,"score":2076},"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.74185866,{"description":2078,"labels":2079,"number":2013,"owner":1988,"repository":1989,"state":2023,"title":2084,"updated_at":2085,"url":2086,"score":2018},"### 🐛 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_",[2080,2081],{"name":2031,"color":2032},{"name":2082,"color":2083},"upstream","84A80F","Blog: Example does not work after tab switch","2024-09-03T05:51:31Z","https://github.com/nuxt/scripts/issues/212",["Reactive",2088],{},["Set"],["ShallowReactive",2091],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"h2VQdZBawrZziYYI4XZQwmgL8EfwSlaaRrghcinj8QI":-1},"/nuxt/test-utils/314"]