\r\n \u003C/nuxt-link>\r\n\u003C/template>\r\n```\n\n### Describe the bug\n\nI'm running into this issue on the first page load. When I remove the image line\r\n\r\n```\r\n\u003Ctemplate>\r\n \u003Cnuxt-link to=\"/\">\r\n \u003C!-- \u003Cimg width=\"28\" height=\"28\" src=\"/logo.svg\"/>-->\r\n \u003C/nuxt-link>\r\n\u003C/template>\r\n```\r\n\r\nit loads, and when I re-insert the image line the icon will even show up on the loaded page\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell\n[Vue warn]: Invalid vnode type when creating vnode: undefined.\r\n[nitro] [dev] [unhandledRejection] TypeError: Invalid value used as weak map key\r\n at WeakMap.set (\u003Canonymous>)\r\n at normalizePropsOptions (/home/user/workspace/my-app/node_modules/@vue/runtime-core/dist/runtime-core.cjs.js:3966:11)\r\n at createComponentInstance (/home/user/workspace/my-app/node_modules/@vue/runtime-core/dist/runtime-core.cjs.js:6957:23)\r\n at renderComponentVNode (/home/user/workspace/my-app/node_modules/@vue/server-renderer/dist/server-renderer.cjs.js:171:22)\r\n at Module.ssrRenderComponent (/home/user/workspace/my-app/node_modules/@vue/server-renderer/dist/server-renderer.cjs.js:608:12)\r\n at _sfc_ssrRender (/home/user/workspace/my-app/apps/blogs/overflowed.dev/layouts/DefaultLayout.vue:25:31)\r\n at renderComponentSubTree (/home/user/workspace/my-app/node_modules/@vue/server-renderer/dist/server-renderer.cjs.js:253:13)\r\n at renderComponentVNode (/home/user/workspace/my-app/node_modules/@vue/server-renderer/dist/server-renderer.cjs.js:188:16)\r\n at renderVNode (/home/user/workspace/my-app/node_modules/@vue/server-renderer/dist/server-renderer.cjs.js:295:22)\r\n at renderComponentSubTree (/home/user/workspace/my-app/node_modules/@vue/server-renderer/dist/server-renderer.cjs.js:259:13)\r\n\r\n\r\n```\n```\n",[2918,2921,2924],{"name":2919,"color":2920},"3.x","29bc7f",{"name":2922,"color":2923},"pending triage","E99695",{"name":2925,"color":2926},"needs reproduction","FBCA04",14727,"TypeError: Invalid value used as weak map key with simple image tag on first page load - hot replace works","2023-01-19T17:39:20Z","https://github.com/nuxt/nuxt/issues/14727",0.69657636,{"description":2933,"labels":2934,"number":2937,"owner":2866,"repository":2880,"state":2881,"title":2938,"updated_at":2939,"url":2940,"score":2941},"### Environment\n\n- Operating System: Windows_NT\n- Node Version: v22.14.0\n- Nuxt Version: 3.16.0\n- CLI Version: 3.22.5\n- Nitro Version: 2.11.6\n- Package Manager: pnpm@10.6.1\n- Builder: -\n- User Config: compatibilityDate, devtools, typescript, ssr, app, modules, ui, colorMode, i18n, gtag, icon, robots, pwa, runtimeConfig\n- Runtime Modules: @nuxt/ui@2.21.1, @nuxtjs/i18n@9.3.1, nuxt-gtag@3.0.2, @pinia/nuxt@0.10.1, pinia-plugin-persistedstate/nuxt@4.2.0, @nuxt/icon@1.10.3, @nuxtjs/robots@5.2.6, @vite-pwa/nuxt@0.10.6, @formkit/auto-animate/nuxt@0.8.2\n- Build Modules:\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\n2.21.1\n\n### Reproduction\n\nhttps://codesandbox.io/p/sandbox/optimistic-http-yz8djj\n\n### Description\n\nThe hover effect doest work when you pass the color as variable. Doesn't work with some colors like indigo, pink, sky...\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2935,2936],{"name":2877,"color":2878},{"name":2891,"color":2892},3524,"Button hover effect","2025-03-14T11:52:31Z","https://github.com/nuxt/ui/issues/3524",0.69777113,{"description":2943,"labels":2944,"number":2947,"owner":2866,"repository":2880,"state":2881,"title":2948,"updated_at":2949,"url":2950,"score":2951},"### Description\n\nHello, I just wanted to overwrite shadow-sm with another shadow in the card root slot.\nBut I failed to do so. I tried the :ui way and the app.config.ts way but in both cases the new class \"shadow-card\" ended up BEHIND \"shadow-sm\".\n\n```\n card: {\n slots: {\n root: \"shadow-card\",\n },\n },\n```\n\nSo shadow-card always gets overwritten by shadow-sm cause the code always ends up like this:\n```\n\u003Cdiv class=\"bg-[var(--ui-bg)] ring ring-[var(--ui-border)] divide-y divide-[var(--ui-border)] rounded-[calc(var(--ui-radius)*2)] shadow-sm shadow-card\">\n```\n\nso how can I overwrite shadow-sm here?",[2945,2946],{"name":2877,"color":2878},{"name":2891,"color":2892},2936,"Overwrite css classes of slots","2025-01-08T16:26:22Z","https://github.com/nuxt/ui/issues/2936",0.6991071,{"description":2953,"labels":2954,"number":2959,"owner":2866,"repository":2866,"state":2881,"title":2960,"updated_at":2961,"url":2962,"score":2963},"### Version\n\n[v1.4.2](https://github.com/nuxt.js/releases/tag/v1.4.2)\n\n### Reproduction link\n\n[https://-/](https://-/)\n\n### Steps to reproduce\n\nSeveral people (including me) receiving `error TypeError: request.charCodeAt is not a function`\n\nSeems like it's only reproducable when `modules` are included.\n\nRelated: https://github.com/nuxt-community/nuxtent-module/issues/179, https://github.com/nuxt-community/auth-module/issues/229\n\nMore information as I can retrieve\n\n### What is expected ?\n\nNo Error\n\n### What is actually happening?\n\nStart a nuxt app with `npm run dev` and see the error in the console: `error TypeError: request.charCodeAt is not a function`. Breaking for windows-user as the command will stop\n\n\u003C!--cmty-->\u003C!--cmty_prevent_hook-->\n\u003Cdiv align=\"right\">\u003Csub>\u003Cem>This bug report is available on \u003Ca href=\"https://cmty.app/nuxt\">Nuxt\u003C/a> community (\u003Ca href=\"https://cmty.app/nuxt/nuxt.js/issues/c7603\">#c7603\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[2955,2956],{"name":2922,"color":2923},{"name":2957,"color":2958},"2.x","d4c5f9",3769,"error TypeError: request.charCodeAt is not a function","2023-01-22T15:30:05Z","https://github.com/nuxt/nuxt/issues/3769",0.69972295,{"description":2965,"labels":2966,"number":2968,"owner":2866,"repository":2880,"state":2881,"title":2969,"updated_at":2970,"url":2971,"score":2972},"### Environment\n\n- Node version: 22.9.0 (Docker image 22.9.0-alpine)\n- Nuxt version: 3.14.1592\n- Package manager: pnpm@9.14.2\n- nuxt/ui module version: 2.19.2\n- package.json\n ```\n {\n \"name\": \"nuxt-app\",\n \"private\": true,\n \"type\": \"module\",\n \"scripts\": {\n \"build\": \"nuxt build\",\n \"dev\": \"nuxt dev\",\n \"generate\": \"nuxt generate\",\n \"preview\": \"nuxt preview\",\n \"postinstall\": \"nuxt prepare\"\n },\n \"dependencies\": {\n \"@nuxt/ui\": \"^2.19.2\",\n \"nuxt\": \"^3.14.1592\",\n \"vue\": \"latest\",\n \"vue-router\": \"latest\"\n },\n \"packageManager\": \"pnpm@9.14.2+sha512.6e2baf77d06b9362294152c851c4f278ede37ab1eba3a55fda317a4a17b209f4dbb973fb250a77abc463a341fcb1f17f17cfa24091c4eb319cda0d9b84278387\"\n }\n ```\n- Dockerfile\n ```\n ARG NODE_DOCKER_IMAGE=22.9.0-alpine\n FROM node:$NODE_DOCKER_IMAGE AS base\n \n ARG PORT=3000\n \n ENV NODE_ENV=production\n \n WORKDIR /app\n # Build\n FROM base AS builder\n \n RUN npm install -g pnpm\n \n COPY --link package.json .\n COPY --link pnpm-lock.yaml .\n \n RUN pnpm install --production=true\n \n COPY --link . .\n \n RUN pnpm build\n \n # Run\n FROM base\n \n ENV PORT=$PORT\n \n COPY --from=builder /app/.output /app/.output\n \n COPY --from=builder /app/docker-entrypoint.sh /usr/local/bin/docker-entrypoint\n \n RUN chmod +x /usr/local/bin/docker-entrypoint\n \n ENTRYPOINT [\"docker-entrypoint\"]\n ```\n\n\n### Version\n\nv2.19.2\n\n### Reproduction\n\n1. Create the \"frontend\" Nuxt app `pnpx nuxi@latest init frontend`\n2. `cd frontend`\n3. Add the \"nux/ui\" module `pnpx nuxi@latest module add ui`\n4. Put the Dockerfile described inside the frontend folder\n5. `docker build .`\n\n### Description\n\nThe build fails:\n```\n=> ERROR [builder 6/6] RUN pnpm build 3.4s\n------ \n > [builder 6/6] RUN pnpm build: \n0.512 \n0.512 > nuxt-app@ build /app \n0.512 > nuxt build \n0.512 \n0.658 Nuxt 3.14.1592\n1.374 [nuxt:tailwindcss] ℹ Using default Tailwind CSS file\n1.589 ℹ Nuxt Icon server bundle mode is set to local\n3.009 ℹ Building client...\n3.018 ℹ vite v5.4.11 building for production...\n3.040 ℹ transforming...\n3.350 ℹ ✓ 57 modules transformed.\n3.351 \n3.351 ERROR x Build failed in 331ms\n3.351 \n3.351 \n3.351 ERROR Nuxt Build Error: [vite:css] [postcss] Cannot find module 'tailwindcss/lib/lib/defaultExtractor.js'\n3.351 Require stack:\n3.351 - /app/.nuxt/nuxtui-tailwind.config.cjs\n3.351 file: /app/node_modules/.pnpm/tailwindcss@3.4.15/node_modules/tailwindcss/tailwind.css:undefined:NaN\n3.351 \n3.351 Require stack:\n3.351 - .nuxt/nuxtui-tailwind.config.cjs\n3.351 file: node_modules/.pnpm/tailwindcss@3.4.15/node_modules/tailwindcss/tailwind.css:undefined:NaN\n3.351 at Module._resolveFilename (node:internal/modules/cjs/loader:1248:15)\n3.351 at Function.resolve (node:internal/modules/helpers:145:19)\n3.351 at _resolve (node_modules/.pnpm/jiti@1.21.6/node_modules/jiti/dist/jiti.js:1:241814)\n3.351 at jiti (node_modules/.pnpm/jiti@1.21.6/node_modules/jiti/dist/jiti.js:1:244531)\n3.351 at .nuxt/nuxtui-tailwind.config.cjs:2:60\n3.351 at evalModule (node_modules/.pnpm/jiti@1.21.6/node_modules/jiti/dist/jiti.js:1:247313)\n3.351 at jiti (node_modules/.pnpm/jiti@1.21.6/node_modules/jiti/dist/jiti.js:1:245241)\n3.351 at .nuxt/tailwind.config.cjs:7:1\n3.351 at evalModule (node_modules/.pnpm/jiti@1.21.6/node_modules/jiti/dist/jiti.js:1:247313)\n3.351 at jiti (node_modules/.pnpm/jiti@1.21.6/node_modules/jiti/dist/jiti.js:1:245241)\n3.351 at node_modules/.pnpm/tailwindcss@3.4.15/node_modules/tailwindcss/lib/lib/load-config.js:56:30\n3.351 at loadConfig (node_modules/.pnpm/tailwindcss@3.4.15/node_modules/tailwindcss/lib/lib/load-config.js:58:6)\n3.351 at getTailwindConfig (node_modules/.pnpm/tailwindcss@3.4.15/node_modules/tailwindcss/lib/lib/setupTrackingContext.js:71:116)\n3.351 at node_modules/.pnpm/tailwindcss@3.4.15/node_modules/tailwindcss/lib/lib/setupTrackingContext.js:100:92\n3.351 at node_modules/.pnpm/tailwindcss@3.4.15/node_modules/tailwindcss/lib/processTailwindFeatures.js:46:11\n3.351 at plugins (node_modules/.pnpm/tailwindcss@3.4.15/node_modules/tailwindcss/lib/plugin.js:38:69)\n3.351 at LazyResult.runOnRoot (node_modules/.pnpm/postcss@8.4.49/node_modules/postcss/lib/lazy-result.js:329:16)\n3.351 at LazyResult.runAsync (node_modules/.pnpm/postcss@8.4.49/node_modules/postcss/lib/lazy-result.js:258:26)\n3.351 at LazyResult.async (node_modules/.pnpm/postcss@8.4.49/node_modules/postcss/lib/lazy-result.js:160:30)\n3.351 at LazyResult.then (node_modules/.pnpm/postcss@8.4.49/node_modules/postcss/lib/lazy-result.js:404:17)\n3.351 \n3.370 ELIFECYCLE Command failed with exit code 1.\n```\n\n### Additional context\n\nMaybe I'm facing the same problem stated in https://github.com/nuxt/ui/issues/1689\n\n### Logs\n\n```shell-script\n\n```",[2967],{"name":2902,"color":2903},2785,"Nuxt Build Error at build time with Docker","2024-11-27T10:23:20Z","https://github.com/nuxt/ui/issues/2785",0.70085526,{"description":2974,"labels":2975,"number":2976,"owner":2866,"repository":2867,"state":2881,"title":2977,"updated_at":2978,"url":2979,"score":2980},"After using `pnpm update` to upgrade vue to 3.4.3, the console throws a lot of `Hydration mismatch`. If I am using vue 3.3.13, no `Hydration mismatch` warnings will be thrown.\r\n\r\n\u003Cimg width=\"1402\" alt=\"SCR-20240103-qagg\" src=\"https://github.com/nuxt/nuxt.com/assets/133459587/188ac1c4-e19a-4570-a5d0-4863c92a7bda\">\r\n",[],1467,"About vue@3.4.3 causing hydration mismatch","2024-05-03T00:34:36Z","https://github.com/nuxt/nuxt.com/issues/1467",0.7023627,["Reactive",2982],{},["Set"],["ShallowReactive",2985],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fTz4VYDjYKuq_M_04CwkbiSEvuS-FmSNWGy_51gDxd0Q":-1},"/nuxt/nuxt.com/1440"]