\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.7292254,{"description":1996,"labels":1997,"number":1987,"owner":1988,"repository":2001,"state":1990,"title":2002,"updated_at":2003,"url":2004,"score":1994},"### 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_",[1998],{"name":1999,"color":2000},"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":2006,"labels":2007,"number":2008,"owner":1988,"repository":2009,"state":1990,"title":2010,"updated_at":2011,"url":2012,"score":2013},"\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.75734407,{"description":2015,"labels":2016,"number":2017,"owner":1988,"repository":2018,"state":2019,"title":2020,"updated_at":2021,"url":2022,"score":2023},"This css blocks the render of page... Why not this resource with async and defer?\r\n\r\n\r\n",[],155,"icon","closed","Render blocking CSS WPO Core Vitals","2024-07-18T22:45:44Z","https://github.com/nuxt/icon/issues/155",0.6953417,{"description":2025,"labels":2026,"number":1987,"owner":1988,"repository":2027,"state":2019,"title":2028,"updated_at":2029,"url":2030,"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","Issue loading certain fonts with Adobe Fonts (Typekit)","2024-10-07T11:17:21Z","https://github.com/nuxt/fonts/issues/314",{"description":2032,"labels":2033,"number":2037,"owner":1988,"repository":2009,"state":2019,"title":2038,"updated_at":2039,"url":2040,"score":2041},"https://volta.s3.fr-par.scw.cloud/Clean_Shot_2022_05_23_at_16_23_53_7945ec0dde.mp4\n",[2034],{"name":2035,"color":2036},"bug","ff281a",555,"[Nuxt3] Children pages reloads on first query param change","2022-11-17T11:45:24Z","https://github.com/nuxt/nuxt.com/issues/555",0.7505287,{"description":2043,"labels":2044,"number":2037,"owner":1988,"repository":2001,"state":2019,"title":2048,"updated_at":2049,"url":2050,"score":2041},"I have some components that include \"client\" components (i.e. ClientComponent.client.vue). When I run tests for components that include client components, they always seem to fail with messages like this:\r\n\r\n```\r\n[Vue warn]: Component \u003CAnonymous>: setup function returned a promise, but no \u003CSuspense> boundary was found in the parent component tree. A component with async setup() must be nested in a \u003CSuspense> in order to be rendered. \r\n at \u003CClientComponent.client> \r\n at \u003CTestA ref=\"VTU_COMPONENT\" > \r\n at \u003CVTUROOT>\r\n```\r\n\r\nA simple component that I'm testing looks like this:\r\n\r\n\r\n```\r\n// TestA.vue\r\n\u003Ctemplate>\r\n \u003Cdiv>\r\n \u003CClientComponent />\r\n \u003C/div>\r\n\u003C/template>\r\n```\r\n\r\nand the test file looks like this:\r\n\r\n\r\n```\r\n// TestA.spec.ts\r\nimport { describe, it, expect } from 'vitest';\r\nimport { mount } from '@vue/test-utils';\r\nimport TestA from './TestA.vue';\r\n\r\ndescribe('Competition TestA', () => {\r\n it('renders component', async () => {\r\n const wrapper = mount(TestA);\r\n expect(wrapper.text()).toContain('Client component here...');\r\n });\r\n});\r\n\r\n```\r\n\r\nFinally, the client component:\r\n\r\n```\r\n// ClientComponent.client.vue\r\n\u003Ctemplate>\r\n \u003Cdiv>Client component here...\u003C/div>\r\n\u003C/template>\r\n```\r\n\r\nIf I remove the \".client\" from the component file name (to make it just ClientComponent.vue), then the tests will run and pass normally. However, there are some cases where I want to use \".client\" to make sure it's only rendered client-side.\r\n\r\n### Reproduction \r\nhttps://stackblitz.com/edit/github-ndby6m?file=components/TestA.spec.ts\r\n\r\nFailures can be seen there by running `pnpm run test`",[2045],{"name":2046,"color":2047},"vitest-environment","b60205","Tests fail when using .client components","2023-12-02T00:27:10Z","https://github.com/nuxt/test-utils/issues/555",{"description":2052,"labels":2053,"number":2056,"owner":1988,"repository":2027,"state":2019,"title":2057,"updated_at":2058,"url":2059,"score":2060},"Related to #96; this still is broken.\r\n\r\nIf I set `baseUrl` to `/subapp` then Nuxt Fonts uses a link like:\r\n\r\n`http://localhost:5001/subapp/_fonts/rP2rp2ywxg089UriCZaSExd86J3t9jz86Mvy4qCRAL19DksVat9XCm3w-ByvzuLy2fa.woff`\r\n\r\nHowever this results in a 404, but this link works (note no base url)\r\n`http://localhost:5001/_fonts/rP2rp2ywxg089UriCZaSExd86J3t9jz86Mvy4qCRAL19DksVat9XCm3w-ByvzuLy2fa.woff`",[2054],{"name":2035,"color":2055},"d73a4a",242,"wrong baseURL in inline CSS","2024-10-03T16:13:56Z","https://github.com/nuxt/fonts/issues/242",0.7525223,{"description":2062,"labels":2063,"number":2065,"owner":1988,"repository":2009,"state":2019,"title":2066,"updated_at":2067,"url":2068,"score":2069},"\n",[2064],{"name":2035,"color":2036},507,"[Milkdown] Fix component props update","2022-05-16T15:51:55Z","https://github.com/nuxt/nuxt.com/issues/507",0.7538673,{"description":2071,"labels":2072,"number":2065,"owner":1988,"repository":2001,"state":2019,"title":2074,"updated_at":2049,"url":2075,"score":2069},"```\r\n[Vue warn]: A plugin must either be a function or an object with an \"install\" function.\r\n[Vue warn]: Failed to resolve component: RouterLink\r\nIf this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElement.\r\n at \u003CNuxtLink to=\"/supplier-information\" >\r\n```\r\n\r\nRead docs here: https://test-utils.vuejs.org/guide/advanced/vue-router.html#using-a-real-router-with-composition-api cannot fix this.\r\n\r\n ```\r\nimport { mount } from '@vue/test-utils'\r\nimport {describe, it, expect, beforeEach} from 'vitest'\r\nimport Component from './app.vue'\r\nimport {Router} from 'vue-router'\r\n\r\nlet router:Router;\r\n\r\nbeforeEach(async () => {\r\n router = useRouter()\r\n\r\n router.push('/')\r\n await router.isReady()\r\n});\r\n\r\ndescribe(\"footer component\", async () => {\r\n const page = mount(Component, {\r\n props: {},\r\n global: {\r\n plugins: [router]\r\n }\r\n })\r\n it(\"should xxx\", async () => {})\r\n})\r\n```\r\n",[2073],{"name":2046,"color":2047},"Failed to resolve component: RouterLink","https://github.com/nuxt/test-utils/issues/507",["Reactive",2077],{},["Set"],["ShallowReactive",2080],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"G-fZecjsis2cjQeTffvN4o-rM2COMd_9cvL73t5XeHc":-1},"/nuxt/icon/254"]