\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":2938,"labels":2939,"number":2945,"owner":2907,"repository":2924,"state":2909,"title":2946,"updated_at":2947,"url":2948,"score":2949},"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?",[2940,2943,2944],{"name":2941,"color":2942},"documentation","0075ca",{"name":2918,"color":2919},{"name":2921,"color":2922},544,"mocking plugins used within nuxt","2024-07-23T12:17:21Z","https://github.com/nuxt/test-utils/issues/544",0.73416704,{"description":2951,"labels":2952,"number":2962,"owner":2907,"repository":2907,"state":2963,"title":2964,"updated_at":2965,"url":2966,"score":2967},"### 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_",[2953,2956,2959],{"name":2954,"color":2955},"3.x","29bc7f",{"name":2957,"color":2958},"pending triage","E99695",{"name":2960,"color":2961},"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":2969,"labels":2970,"number":2977,"owner":2907,"repository":2978,"state":2963,"title":2979,"updated_at":2980,"url":2981,"score":2982},"### 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```",[2971,2974],{"name":2972,"color":2973},"bug","d73a4a",{"name":2975,"color":2976},"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":2984,"labels":2985,"number":217,"owner":2907,"repository":2907,"state":2963,"title":2989,"updated_at":2990,"url":2991,"score":2992},"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>",[2986],{"name":2987,"color":2988},"2.x","d4c5f9","ReferenceError: document is not defined after load route from client browser","2023-01-18T15:38:30Z","https://github.com/nuxt/nuxt/issues/144",0.71700275,{"description":2994,"labels":2995,"number":2998,"owner":2907,"repository":2907,"state":2963,"title":2999,"updated_at":3000,"url":3001,"score":3002},"### 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_",[2996,2997],{"name":2954,"color":2955},{"name":2957,"color":2958},23354,"when using manualChunks, get 'cannot access 'X' before initialization'","2023-09-30T16:36:01Z","https://github.com/nuxt/nuxt/issues/23354",0.7172803,{"description":3004,"labels":3005,"number":3007,"owner":2907,"repository":2978,"state":2963,"title":3008,"updated_at":3009,"url":3010,"score":3011},"### 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\".`",[3006],{"name":2972,"color":2973},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":3013,"labels":3014,"number":3017,"owner":2907,"repository":2978,"state":2963,"title":3018,"updated_at":3019,"url":3020,"score":3021},"### 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_",[3015,3016],{"name":2918,"color":2919},{"name":2975,"color":2976},2832,"v3 CommandPalette: Open only content within popper","2024-12-05T13:24:12Z","https://github.com/nuxt/ui/issues/2832",0.7230886,["Reactive",3023],{},["Set"],["ShallowReactive",3026],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fGPLfeL8rIj038adipMGEIpykDeGGrq1Z8Cxh2sk91Iw":-1},"/nuxt/ui/3569"]