\n\u003C/svg>`",[],382,"Some local SVGs cannot be loaded","2025-03-30T07:43:06Z","https://github.com/nuxt/icon/issues/382",0.73155195,{"description":3185,"labels":3186,"number":3192,"owner":3154,"repository":3171,"state":3156,"title":3193,"updated_at":3194,"url":3195,"score":3196},"Hey, firstly thank you for making this plugin, it looks very useful :)\r\n\r\nRunning this module seems to run the whole nuxt environment, including the plugins, and we have a plugin that makes a api call. We normally just mock the module where we import the api function but it doesn't seem to work in this case. For example:\r\n```\r\n// somePlugin.ts\r\nimport { fetchProducts } from \"~/service/products\";\r\n\r\nexport default defineNuxtPlugin(async () => {\r\n const products = fetchProducts();\r\n // do something with the products\r\n});\r\n```\r\n\r\n```\r\n// SomeComponent.nuxt.spec.js\r\nimport { describe, it, expect, vi } from \"vitest\";\r\nimport { shallowMount } from \"@vue/test-utils\";\r\nimport SomeComponent from \"../SomeComponent.vue\";\r\n\r\n// trying to mock the products service so that the real api doesn't get called during the plugins\r\nvi.mock(\"~/service/products\");\r\n\r\ndescribe(\"SomeComponent\", async () => {\r\n it(\"Is a Vue instance\", () => {\r\n const wrapper = shallowMount(SomeComponent);\r\n expect(wrapper.vm).toBeTruthy();\r\n });\r\n});\r\n```\r\n\r\nI assume these mocks only work for the component that we are testing and not for the plugins in the nuxt environment for example. Do you have a suggestion about how to solve this?",[3187,3190,3191],{"name":3188,"color":3189},"documentation","0075ca",{"name":3165,"color":3166},{"name":3168,"color":3169},544,"mocking plugins used within nuxt","2024-07-23T12:17:21Z","https://github.com/nuxt/test-utils/issues/544",0.73416704,{"description":3198,"labels":3199,"number":3209,"owner":3154,"repository":3154,"state":3210,"title":3211,"updated_at":3212,"url":3213,"score":3214},"### Environment\r\n\r\nNuxt Version: `3.3.3`\r\nNitro Version: `2.3.2`\r\nBuilder: `vite`\r\n\r\n### Reproduction\r\n\r\nnuxt.config.ts\r\n```\r\nexport default defineNuxtConfig({\r\n ssr: false,\r\n vite: {\r\n build: {\r\n rollupOptions: {\r\n output: {\r\n manualChunks(id) {\r\n if (id.includes('vue')) {\r\n return 'vue';\r\n }\r\n if (id.includes('node_modules')) {\r\n return 'vendor';\r\n }\r\n },\r\n },\r\n },\r\n },\r\n },\r\n});\r\n```\r\n\r\n### Describe the bug\r\n\r\nI'm trying to split some dependencies (for example vue) into a separate chunk. After fix of this issue https://github.com/nuxt/nuxt/issues/19837 i see error like `Uncaught ReferenceError: Cannot access 'X' before initialization` in console and nothing works in production build.\r\n\r\n### Additional context\r\n\r\n_No response_\r\n\r\n### Logs\r\n\r\n_No response_",[3200,3203,3206],{"name":3201,"color":3202},"3.x","29bc7f",{"name":3204,"color":3205},"pending triage","E99695",{"name":3207,"color":3208},"needs reproduction","FBCA04",20058,"closed","Uncaught ReferenceError: Cannot access 'X' before initialization","2023-06-14T10:42:51Z","https://github.com/nuxt/nuxt/issues/20058",0.6902434,{"description":3216,"labels":3217,"number":3224,"owner":3154,"repository":3225,"state":3210,"title":3226,"updated_at":3227,"url":3228,"score":3229},"### Environment\n\n-\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.16.0\n\n### Reproduction\n\n- \n\n### Description\n\nUpgraded all deps to the latest and bam Nuxt 3.16.0 is added. We get errors now as Nuxt UI 3 still ships with\n\n`'@unhead/vue': 1.11.20(vue@3.5.13(typescript@5.8.2))\n`\n\nAs of Nuxt 3.16.0 ships with @unhead2:\nhttps://nuxt.com/blog/v3-16#unhead-v2\n\nActual error:\n`[@nuxt/scripts 9:42:20 PM] ERROR Nuxt Scripts requires Unhead >= 2, you are using v1.11.20. Please run nuxi upgrade --clean to upgrade...`\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3218,3221],{"name":3219,"color":3220},"bug","d73a4a",{"name":3222,"color":3223},"v3","49DCB8",3513,"ui","Nuxt 3.16.0 - ships with @unhead2","2025-03-10T08:49:36Z","https://github.com/nuxt/ui/issues/3513",0.70604366,{"description":3231,"labels":3232,"number":3236,"owner":3154,"repository":3154,"state":3210,"title":3237,"updated_at":3238,"url":3239,"score":3240},"Hello.\r\n\r\nI try to update/reload function (after click and land on page trough `\u003Cnuxt-link>`), who make pretty background image (I'm using my own npm package: https://www.npmjs.com/package/goodbackground.js) for container with `data-background-image` attribute.\r\n\r\nOn my `nuxt.config.js`:\r\n\r\n```javascript\r\n...\r\nbuild: {\r\n vendor: [\r\n 'goodbackground.js'\r\n ]\r\n},\r\n...\r\n```\r\n\r\nI use `beforeCreate` instance into this `index.vue` file:\r\n\r\n```html\r\n\u003Ctemplate>\r\n \u003Cdiv>\r\n \u003Csection data-background-image=\"/images/projects/background.jpg\">\r\n Hello World!\r\n \u003C/section>\r\n \u003C/div>\r\n\u003C/template>\r\n\r\n\u003Cscript>\r\n require('goodbackground.js');\r\n\r\n export default {\r\n head () {...},\r\n beforeCreate () {\r\n new GoodBackground().make();\r\n }\r\n }\r\n\u003C/script>\r\n```\r\n\r\nBut Nuxt.js show me red error page with message:\r\n\r\n```bash\r\nReferenceError: document is not defined\r\n at t.value (node_modules/goodbackground.js/goodbackground.min.js:1:1392)\r\n at Object.\u003Canonymous> (node_modules/goodbackground.js/goodbackground.min.js:1:2432)\r\n at e (node_modules/goodbackground.js/goodbackground.min.js:1:163)\r\n at node_modules/goodbackground.js/goodbackground.min.js:1:546\r\n at Object.\u003Canonymous> (node_modules/goodbackground.js/goodbackground.min.js:1:555)\r\n at Module._compile (module.js:556:32)\r\n at Object.Module._extensions..js (module.js:565:10)\r\n at Module.load (module.js:473:32)\r\n at tryModuleLoad (module.js:432:12)\r\n at Function.Module._load (module.js:424:3)\r\n```\r\n\r\nThis is simple code of my package: https://github.com/koddr/goodbackground.js/blob/master/src/goodbackground.js\r\n\r\nWhats wrong? I don't see this if I reload page (cmd+R).. How to fix it?\n\n\u003C!--cmty-->\u003C!--cmty_prevent_hook-->\n\u003Cdiv align=\"right\">\u003Csub>\u003Cem>This question is available on \u003Ca href=\"https://nuxtjs.cmty.io\">Nuxt.js\u003C/a> community (\u003Ca href=\"https://nuxtjs.cmty.io/nuxt/nuxt.js/issues/c119\">#c119\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[3233],{"name":3234,"color":3235},"2.x","d4c5f9",144,"ReferenceError: document is not defined after load route from client browser","2023-01-18T15:38:30Z","https://github.com/nuxt/nuxt/issues/144",0.7170028,{"description":3242,"labels":3243,"number":3246,"owner":3154,"repository":3154,"state":3210,"title":3247,"updated_at":3248,"url":3249,"score":3250},"### Environment\n\nNuxt project info: \r\n\r\n------------------------------\r\n- Operating System: Windows_NT\r\n- Node Version: v18.10.0\r\n- Nuxt Version: 3.7.3\r\n- CLI Version: 3.9.0\r\n- Nitro Version: 2.6.3\r\n- Package Manager: pnpm@8.6.12\r\n- Builder: -\r\n- User Config: devtools, build, modules, css, sourcemap, app, vite, vue,\r\n elementPlus, experimental\r\n- Runtime Modules: @element-plus/nuxt@1.0.6, @nuxt/devtools@0.8.4, @unocss/nuxt@0.55.7, @vueuse/nuxt@10.4.1\r\n- Build Modules: -\r\n------------------------------\n\n### Reproduction\n\nhttps://stackblitz.com/edit/github-gmvrwz-x9yx6b?file=nuxt.config.ts\n\n### Describe the bug\n\nI'm trying to split some dependencies (for example vue) into a separate chunk. i see error like Uncaught ReferenceError: Cannot access 'X' before initialization in console and nothing works in production build.\r\n\r\n#20058 \n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[3244,3245],{"name":3201,"color":3202},{"name":3204,"color":3205},23354,"when using manualChunks, get 'cannot access 'X' before initialization'","2023-09-30T16:36:01Z","https://github.com/nuxt/nuxt/issues/23354",0.7172804,{"description":3252,"labels":3253,"number":3255,"owner":3154,"repository":3225,"state":3210,"title":3256,"updated_at":3257,"url":3258,"score":3259},"### Environment\n\n------------------------------\n- Operating System: Linux\n- Node Version: v18.20.3\n- Nuxt Version: 3.16.0\n- CLI Version: 3.22.5\n- Nitro Version: 2.11.5\n- Package Manager: npm@10.2.3\n- Builder: -\n- User Config: devtools, modules\n- Runtime Modules: @nuxt/ui@2.21.0\n- Build Modules: -\n------------------------------\n\n### Version\n\nv2.21.0\n\n### Reproduction\n\nhttps://stackblitz.com/github/nuxt/starter/tree/ui?file=package.json\n\n### Description\n\n`npm run build` on the latest nuxt v3.16 on UI v2.21.0 throws the following error:\n\n`[17:41:35] ERROR .nuxt/dist/server/node_modules/_nuxt/ui/dist/runtime/components/elements/Link.vue.mjs (2:18): \"diff\" is not exported by \"node_modules/ohash/dist/index.mjs\", imported by \".nuxt/dist/server/node_modules/_nuxt/ui/dist/runtime/components/elements/Link.vue.mjs\".`",[3254],{"name":3219,"color":3220},3486,"Generating a production build with nuxt `3.16` throws `ohash` error","2025-03-12T09:19:23Z","https://github.com/nuxt/ui/issues/3486",0.7187355,{"description":3261,"labels":3262,"number":3265,"owner":3154,"repository":3225,"state":3210,"title":3266,"updated_at":3267,"url":3268,"score":3269},"### For what version of Nuxt UI are you suggesting this?\n\nv3.0.0-alpha.x\n\n### Description\n\n[CommandPalette](https://ui3.nuxt.dev/components/command-palette) is great but I wish it could display only an input by default and then open the content in a popper when clicking in the input. I think this is currently not possible but a very common use case. \n\nThis is what I would like to archive, screenshots from Shopify:\n\n\n\n\n\n\n\n### Additional context\n\n_No response_",[3263,3264],{"name":3165,"color":3166},{"name":3222,"color":3223},2832,"v3 CommandPalette: Open only content within popper","2024-12-05T13:24:12Z","https://github.com/nuxt/ui/issues/2832",0.7230886,["Reactive",3271],{},["Set"],["ShallowReactive",3274],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fGPLfeL8rIj038adipMGEIpykDeGGrq1Z8Cxh2sk91Iw":-1},"/nuxt/ui/3569"]