\n \u003Cdiv>{{ componentRef?.$el }}\u003C/div>\n \u003C/div>\n\u003C/template>\n\n\u003Cscript setup lang=\"ts\">\nconst componentRef = ref\u003CInstanceType\u003Ctypeof MyServerComponent>>();\n\u003C/script>\n```\n\n### Additional context\n\nmy workaround was to wrap the server component and lookup `data-island-uid`, but I don't know if that's the recommended solution\n```vue\n\u003Ctemplate>\n \u003Cdiv>\n \u003Cdiv :style=\"{ display: 'contents' }\" ref=\"containerRef\">\n \u003CMyServerComponent />\n \u003C/div>\n \u003Cdiv>{{ containerRef?.querySelector('[data-island-uid]') }}\u003C/div>\n \u003C/div>\n\u003C/template>\n\n\u003Cscript setup lang=\"ts\">\nconst containerRef = ref\u003CHTMLDivElement>();\n\u003C/script>\n```\n\n### Logs\n\n```shell-script\n\n```",[2882],{"name":2883,"color":2884},"pending triage","E99695",31512,"unable to reference element of server component","2025-03-23T21:01:09Z","https://github.com/nuxt/nuxt/issues/31512",0.7493622,{"description":2891,"labels":2892,"number":2895,"owner":2872,"repository":2896,"state":2874,"title":2897,"updated_at":2898,"url":2899,"score":2900},"### Environment\n\nThis is one of the environments i came across the problem:\r\n[11:15:23 AM] Working directory: /Users/lorenzorottigni/Documents/gitlab_private/portfolio.rottigni.tech\r\n[11:15:23 AM] Nuxt project info: (copied to clipboard)\r\n\r\n------------------------------\r\n- Operating System: Darwin\r\n- Node Version: v18.13.0\r\n- Nuxt Version: 3.9.3\r\n- CLI Version: 3.10.0\r\n- Nitro Version: 2.8.1\r\n- Package Manager: yarn@1.22.21\r\n- Builder: vite\r\n- User Config: ssr, debug, srcDir, serverDir, test, app, modules, css, postcss, unocss, tailwindcss, googleFonts, i18n, nitro, pwa, image, delayHydration, extensions, typescript, builder, vite, vue, runtimeConfig, devServer, sourcemap, experimental\r\n- Runtime Modules: @vueuse/nuxt@10.7.2, @nuxtjs/tailwindcss@6.10.4, @pinia/nuxt@0.5.1, @unocss/nuxt@0.58.3, @nuxtjs/i18n@8.0.0, @nuxt/image@1.3.0, nuxt-jsonld@2.0.8, @kevinmarrec/nuxt-pwa@0.17.0, @nuxtjs/google-fonts@3.1.3, nuxt-calendly@0.1.18, nuxt-delay-hydration@1.3.3, @nuxt/test-utils/module@3.10.0\r\n- Build Modules: -\r\n------------------------------\r\n\r\n[11:15:23 AM] 👉 Report an issue: https://github.com/nuxt/nuxt/issues/new\r\n\r\n👉 Suggest an improvement: https://github.com/nuxt/nuxt/discussions/new\r\n\r\n👉 Read documentation: https://nuxt.com\n\n### Reproduction\n\nThe crucial file is MyComponent.spec.ts:\r\nhttps://stackblitz.com/~/github.com/LorenzoRottigni/nuxt-test-utils-vitest-spy\n\n### Describe the bug\n\nI'm currently facing challenges in testing a component method within a Nuxt environment. Specifically, I'm attempting to spy on a component method to test its interactions within template events. Despite researching similar cases online, I've yet to find a clear solution to this issue.\r\n\r\nOne suggestion I encountered was to define the spy before the component mounts. However, I'm unable to access `wrapper.vm` before mount time, complicating this approach. Additionally, I experimented with spying on the global injected `$fetch` method from the 'ofetch' library. Unfortunately, this led to another error regarding the inability to redefine the variable `$fetch` when attempting variations like:\r\n\r\n```javascript\r\nimport OFetch from 'ofetch'\r\nconst spy = vi.spyOn(OFetch, '$fetch')\r\n// or\r\nconst spy = vi.spyOn(global, '$fetch')\r\n// or\r\nconst spy = vi.spyOn({ $fetch }, '$fetch')\r\n```\r\n\r\nIt appears that this issue may not be directly tied to the nuxt-test-utils package. Nevertheless, I wanted to bring it to your attention in the hopes that someone might offer guidance or assistance. I'm eager to find a resolution and would appreciate any insights or suggestions you might have.\r\n\r\nI'm also considering reporting a similar issue to the vue-test-utils package, as I suspect that this problem might be reproducible outside of the Nuxt environment.\r\n\r\nThank you for your time and assistance.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2893],{"name":2883,"color":2894},"5D08F5",763,"test-utils","Unable to use vitest spy within nuxt 3 component methods.","2024-05-28T15:28:23Z","https://github.com/nuxt/test-utils/issues/763",0.75025046,{"description":2902,"labels":2903,"number":2904,"owner":2872,"repository":2905,"state":2874,"title":2906,"updated_at":2907,"url":2908,"score":2909},"This bug is so random and it's only happen on our production site. Sometimes it happen, sometimes not. I tried create a reproduction but it's only happen on our production site.\nBut you can see from the screenshot below that the request to times icon is returning 2 other icons. It return the error message: `[Icon] failed to load icon m-icon:times`\n\n**Versions:**\n\"@nuxt/icon\": \"1.9.1\",\n\"@nuxt/ui\": \"2.18.4\",\n\"nuxt\": \"3.13.0\"\n\n\n\n\n",[],320,"icon","Requested custom icon is returning randomly in production site","2024-12-11T06:12:25Z","https://github.com/nuxt/icon/issues/320",0.7519538,{"description":2911,"labels":2912,"number":2920,"owner":2872,"repository":2873,"state":2874,"title":2921,"updated_at":2922,"url":2923,"score":2924},"### For what version of Nuxt UI are you suggesting this?\n\nv2.x\n\n### Description\n\nwhen use UHeader of nuxt pro ,it does support a link slot that i can customize ,because when i use nuxti18n ,i must use the \u003CNuxtLinkLocale to=\"/\">\u003C/NuxtLinkLocale> provided by nuxti18n to skip routes in multi-language environments\n\n### Additional context\n\n_No response_",[2913,2916,2919],{"name":2914,"color":2915},"enhancement","a2eeef",{"name":2917,"color":2918},"pro","5BD3CB",{"name":2869,"color":2870},2765,"UHeader and UFooter doesnt support a link slot that users can customize","2025-01-13T11:17:00Z","https://github.com/nuxt/ui/issues/2765",0.7522119,{"description":2926,"labels":2927,"number":2935,"owner":2872,"repository":2872,"state":2874,"title":2936,"updated_at":2937,"url":2938,"score":2939},"### Environment\r\n\r\n------------------------------\r\n- Operating System: Windows_NT\r\n- Node Version: v20.11.1\r\n- Nuxt Version: 3.11.2\r\n- CLI Version: 3.11.1\r\n- Nitro Version: 2.9.6\r\n- Package Manager: npm@10.8.1\r\n- Builder: -\r\n- User Config: devtools, ssr\r\n- Runtime Modules: -\r\n- Build Modules: -\r\n------------------------------\r\n\r\n### Reproduction\r\n\r\nhttps://stackblitz.com/edit/github-yfqdht?file=pages%2Findex.vue\r\n\r\n### Describe the bug\r\n\r\nThere is something strange. It happens when I move from one page to another page that contains a specific component. Within this component, I give a data-Attribute element, and when I return to the first page and then return, I find that the Attribute has not been deleted.\r\n\r\nUnlike usual, when you visit a page and, for example, give certain properties to HTML elements, after exiting the page I think they are deleted.\r\n\r\nex :\r\nYou Have 2 Pages : \r\n- `index.vue`\r\n```vue\r\n\u003Cscript setup lang=\"ts\">\r\nconst router = useRouter();\r\n\r\nfunction go() {\r\n router.push('/about');\r\n}\r\n\r\nfunction setItem() {\r\n localStorage.setItem('set', 'set');\r\n}\r\n\r\nfunction removeItem() {\r\n localStorage.removeItem('set');\r\n}\r\n\u003C/script>\r\n\r\n\u003Ctemplate>\r\n \u003Cdiv>\r\n \u003Ch1>Index Page\u003C/h1>\r\n \u003Cbutton @click=\"go\">To About\u003C/button>\r\n \u003Cp>For Test :\u003C/p>\r\n \u003Cbutton @click=\"setItem\">Local Storage Set\u003C/button>\r\n \u003Cbutton @click=\"removeItem\">Local Storage remove Set\u003C/button>\r\n \u003C/div>\r\n\u003C/template>\r\n\r\n```\r\n- `about.vue`\r\n```vue\r\n\u003Cscript setup lang=\"ts\">\r\nfunction getAttr() {\r\n if (document.querySelector('.notRemoveAttr').getAttribute('data-setData')) {\r\n alert('Attribute exists');\r\n } else {\r\n alert('Attribute Not exists!!');\r\n }\r\n}\r\n\u003C/script>\r\n\r\n\u003Ctemplate>\r\n \u003Cdiv>\r\n \u003Ch1>About Page\u003C/h1>\r\n \u003CTestComp>\u003C/TestComp>\r\n \u003CNuxtLink to=\"/\">To Index\u003C/NuxtLink>\r\n \u003Cbutton @click=\"getAttr\">getAttribute (data-setData)\u003C/button>\r\n \u003C/div>\r\n\u003C/template>\r\n\r\n```\r\nin `about page` have `testComp.vue` :\r\n```vue\r\n\u003Cscript setup lang=\"ts\">\r\n\r\nonMounted(() => {\r\n if (!localStorage.getItem(\"set\")) {\r\n document.querySelector(\".notRemoveAttr\")?.setAttribute('data-setData', 'hi');\r\n }\r\n});\r\n\u003C/script>\r\n\r\n\u003Ctemplate>\r\n\u003C!-- I am surprised that when the html code is arranged in this way, the problem occurs. I do not know if the problem exists in other forms, but this is what happened. -->\r\n \u003Cdiv>\r\n \u003Cdiv class=\"anyClass\">\r\n \u003Cdiv class=\"anyClass2\">\r\n \u003Cdiv class=\"anyClass3\">\u003C/div>\r\n \u003Cdiv class=\"notRemoveAttr\">\r\n \u003Cdiv class=\"anyClass4\">\u003C/div>\r\n \u003C/div>\r\n \u003C/div>\r\n \u003C/div>\r\n \u003C/div>\r\n\u003C/template>\r\n\r\n```\r\n\r\nNow when I go to the about page directly, everything is excellent, but when I go to the index page, then go to the about page, then return to the index page and put `set` in localStorage, then return to about, I find that the Attribute `setData` has not been deleted!\r\n\r\ntry it yourself, https://stackblitz.com/edit/github-yfqdht?file=pages%2Findex.vue\r\n1 - open index page\r\n2 - Go to the about page (click Button) (the element `.notRemoveAttr` will be given `Attribute`, which is `data-setData`)\r\n3 - Go back to index (click Button)\r\n4 - Click on (Local Storage Set) - so that `.setAttribute('data-setData', 'hi')` does not work when we return to the about page\r\n5 - Go back to the about page (click on `getAttribute (data-setData)`) and you will find that it brings it to you!! \r\n\r\nMake sure when you want to try again, click on `Local Storage remove Set`\r\n\r\n### Additional context\r\n\r\n_No response_\r\n\r\n### Logs\r\n\r\n_No response_",[2928,2931,2932],{"name":2929,"color":2930},"workaround available","11376d",{"name":2883,"color":2884},{"name":2933,"color":2934},"upstream","E8A36D",27471,"data-Attribute is not deleted when you go to another page","2024-06-30T11:03:49Z","https://github.com/nuxt/nuxt/issues/27471",0.7563744,{"description":2941,"labels":2942,"number":2948,"owner":2872,"repository":2873,"state":2949,"title":2950,"updated_at":2951,"url":2952,"score":2953},"### Environment\n\n- Browser: Chrome\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.0.2\n\n### Reproduction\n\nhttps://codesandbox.io/p/devbox/adoring-voice-d9qkcm?file=%2Fapp%2Fapp.vue&workspaceId=ws_5Su8Z3T5M7yHmVJXK9f8ix\n\n### Description\n\nThe tooltip allows to control it's open state via `v-model:open`. In this case it shouldn't automatically open on hover or at least have an option to disable it, as we trigger it manually.\n\nIn the reproduction we can see that it works, if the inout is focused via keyboard, but as soon as we focus it via mouse, the tooltip won't work.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2943,2944,2947],{"name":2866,"color":2867},{"name":2945,"color":2946},"v3","49DCB8",{"name":2869,"color":2870},3774,"closed","Tooltip: do not open / close on controlled state","2025-04-02T15:24:42Z","https://github.com/nuxt/ui/issues/3774",0.72488856,{"description":2955,"labels":2956,"number":2960,"owner":2872,"repository":2873,"state":2949,"title":2961,"updated_at":2962,"url":2963,"score":2964},"### Environment\n\nOperating System: Darwin\nNode Version: v20.18.0\nNuxt Version: 3.14.1592\nPackage Manager: pnpm@9.14.4\nBuilder: -\nUser Config: default\nRuntime Modules: @nuxt/ui@3.0.0-alpha.10\nBuild Modules: -\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.0.0-alpha.10\n\n### Reproduction\n\nhttps://codesandbox.io/p/devbox/nifty-ride-lx6qlg\n\n### Description\n\nThe same problem occurs in official documents. https://ui3.nuxt.dev/components/toast\n1. Open the Toast component of the document.\n2. Click the \"Show toast\" button to show toast.\n3. Click X to close the toast when it appears.\n4. Click the \"Show toast\" button again, and the toast that appears does not have a progress bar and does not automatically close.\n\nMy production environment project also has this problem, I hope it can be solved as soon as possible.\nAlso, the progress bar sometimes flashes, so i can expect new configurations to setting the progress bar showing is true or false.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2957,2958,2959],{"name":2866,"color":2867},{"name":2945,"color":2946},{"name":2869,"color":2870},3003,"The Toast component loses the progress bar and does not automatically close","2025-03-24T13:48:53Z","https://github.com/nuxt/ui/issues/3003",0.73238516,{"description":2966,"labels":2967,"number":2969,"owner":2872,"repository":2873,"state":2949,"title":2970,"updated_at":2971,"url":2972,"score":2973},"### Environment\n\n- Operating System: Darwin\n- Node Version: v22.10.0\n- Nuxt Version: 3.12.1\n- CLI Version: 3.15.0\n- Nitro Version: 2.10.4\n- Package Manager: yarn@1.22.22\n- Builder: -\n- User Config: default\n- Runtime Modules: @nuxt/ui@2.19.2, @vueuse/nuxt@10.11.1, @nuxtjs/eslint-module@4.1.0, @nuxtjs/stylelint-module@5.2.0, @nuxt/icon@1.7.5, @formkit/nuxt@1.6.9, @pinia/nuxt@0.4.11, @trandaison/nuxt-3-auth@0.1.4, @nuxtjs/i18n@8.5.6, notivue/nuxt, @nuxtjs/google-fonts@3.2.0, vue3-perfect-scrollbar/nuxt\n- Build Modules: -\n\n### Version\n\nv2.19.2\n\n### Reproduction\n\nhttps://stackblitz.com/edit/nuxt-ui-dj7gbt?file=app.vue\n\n\n\n### Description\n\nSlots for [selected columns](https://ui.nuxt.com/components/table#select-data), so #select-data, don't work at all.\n\nWhile it is not really clear in documentation if we should do anything more, whatever I did and tried, overriding the columns for selection simply doesn't work.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2968],{"name":2866,"color":2867},2758,"Table select slots not working","2025-01-13T16:32:33Z","https://github.com/nuxt/ui/issues/2758",0.74203366,{"description":2975,"labels":2976,"number":2980,"owner":2872,"repository":2981,"state":2949,"title":2982,"updated_at":2983,"url":2984,"score":2985},"",[2977],{"name":2978,"color":2979},"design","00bd6f",1197,"nuxt.com","[Design Kit] Add the logo in square format ","2023-01-31T15:05:03Z","https://github.com/nuxt/nuxt.com/issues/1197",0.7496647,["Reactive",2987],{},["Set"],["ShallowReactive",2990],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fIHdWweDnW-eRaYY7vb1E3xmhiFb2EDDoCHNrmC3DA8g":-1},"/nuxt/ui/3574"]