\r\n\r\nself.addEventListener(\r\n 'message',\r\n (\r\n evt: MessageEvent\u003C{\r\n message: string\r\n }>,\r\n ) => {\r\n const { message } = evt.data\r\n const greeting = `Hello ${upperCase(message)} from assets!`\r\n\r\n postMessage({ greeting })\r\n },\r\n)\r\n```\r\n\r\nCreate a app.vue file\r\n\r\n```vue\r\n\u003Cscript setup lang=\"ts\">\r\nimport Runner from './utils/workers/index?worker'\r\n\r\nconst message = ref('Nuxt')\r\n\r\nfunction sayHello(from: 'workers' | 'composable') {\r\n if (from === 'workers') {\r\n const worker = new Runner()\r\n worker.postMessage({ message: message.value })\r\n worker.addEventListener(\r\n 'message',\r\n (\r\n evt: MessageEvent\u003C{\r\n greeting: string\r\n }>,\r\n ) => {\r\n const { greeting } = evt.data\r\n alert(greeting)\r\n },\r\n )\r\n } else {\r\n sayHelloFromComposable(message.value)\r\n }\r\n}\r\n\u003C/script>\r\n\r\n\u003Ctemplate>\r\n \u003Ch1>Demo with auto imports\u003C/h1>\r\n \u003CCustomInput v-model=\"message\" />\r\n \u003Cbutton type=\"submit\" @click=\"sayHello('composable')\">\r\n Hello from composable\r\n \u003C/button>\r\n \u003Cbutton type=\"submit\" @click=\"sayHello('workers')\">Hello from workers\u003C/button>\r\n\u003C/template>\r\n./assets/workers\r\n```\r\n\r\n### Describe the bug\r\n\r\n## Actual Behavior\r\n\r\nIn development mode, the utils/ directory is auto imported, so the upperCase function is available on the assets/index.ts file.\r\n\r\nIn production mode, we have this error:\r\n\r\n```txt\r\nUncaught ReferenceError: upperCase is not defined\r\n at index-8e797b43.js:1:88\r\n```\r\n\r\n## Expected Behavior\r\n\r\nThis should work with the same behavior in development and production mode.\r\n\r\n\r\n### Additional context\r\n\r\n\r\nI call the utils to function in `worker` file\r\n\r\n### Logs\r\n\r\n_No response_",[2009,2012,2013,2016],{"name":2010,"color":2011},"workaround available","11376d",{"name":1985,"color":1986},{"name":2014,"color":2015},"vite","3574D1",{"name":2017,"color":2018},"🍰 p2-nice-to-have","0E8A16",24590,"Utils folder is not auto imported on production mode when using in worker file","2024-11-19T11:52:00Z","https://github.com/nuxt/nuxt/issues/24590",0.72968495,{"description":2025,"labels":2026,"number":2034,"owner":1988,"repository":2035,"state":2036,"title":2037,"updated_at":2038,"url":2039,"score":2040},"### Environment\n\n- Operating System: Linux\n- Node Version: v20.17.0\n- Nuxt Version: ^3.13.0\n- CLI Version: 3.14.0\n- Package Manager: bun\n- Nuxt Ui: ^3.0.0-alpha.6\n\n\n### Version\n\n3.0.0-alpha.6\n\n### Reproduction\n\n1. Clone https://github.com/malte-baumann/z-index\n2. bun dev (or similar)\n3. Open modal / slideover / drawer\n4. Click on Select / DropdownMenu / InputMenu\n5. See what you don't see\n\n### Description\n\nI opend #2404 recently and noticed some more z-index problems. \nAt least these Components: \n- Select\n- DropdownMenu\n- InputMenu \ndon't have high enough z-indexes inside a Drawer / Modal / Slideover to show their popover contents. \n\n\n\n### Additional context\n\n\n\n\n### Logs\n\n_No response_",[2027,2028,2031],{"name":1985,"color":1986},{"name":2029,"color":2030},"duplicate","cfd3d7",{"name":2032,"color":2033},"v3","49DCB8",2421,"ui","closed","Z-Indexes inside Modal / Slideover / Drawer","2024-10-21T10:15:59Z","https://github.com/nuxt/ui/issues/2421",0.706338,{"description":2042,"labels":2043,"number":2048,"owner":1988,"repository":1988,"state":2036,"title":2049,"updated_at":2050,"url":2051,"score":2052},"### Environment\n\n------------------------------\r\n- Operating System: Windows_NT\r\n- Node Version: v20.9.0\r\n- Nuxt Version: 3.8.2\r\n- CLI Version: 3.10.0\r\n- Nitro Version: 2.8.0\r\n- Package Manager: pnpm@8.3.1\r\n- Builder: -\r\n- User Config: alias, app, components, devtools, experimental, modules, nitro, runtimeConfig, session, sourcemap, typescript, vite, vue\r\n- Runtime Modules: @unocss/nuxt@0.57.7, @vueuse/nuxt@10.6.1\r\n- Build Modules: -\r\n------------------------------\n\n### Reproduction\n\nhttps://stackblitz.com/edit/github-6zhzee?file=services%2Fdemo%2Fworker.ts,pages%2Findex.vue\n\n### Describe the bug\n\nIn the webworker file, the referenced Auto-imports function will not be packaged, and will appear \"Uncaught (in promise) ReferenceError: log is not defined\r\n at globalThis.onmessage (worker-6dbb1795.js:1:255)\r\n\"\n\n### Additional context\n\nstep:\r\n1. pnpm build\r\n2. node .output/...\r\n3. see browser devtools console\n\n### Logs\n\n_No response_",[2044,2047],{"name":2045,"color":2046},"3.x","29bc7f",{"name":1999,"color":2000},24443,"Auto-imports in webworker bundle not work","2023-12-10T20:47:40Z","https://github.com/nuxt/nuxt/issues/24443",0.71261066,{"description":2054,"labels":2055,"number":2062,"owner":1988,"repository":1988,"state":2036,"title":2063,"updated_at":2064,"url":2065,"score":2066},"### Environment\n\n------------------------------\r\n- Operating System: `Windows_NT`\r\n- Node Version: `v19.7.0`\r\n- Nuxt Version: `3.3.3`\r\n- Nitro Version: `2.3.2`\r\n- Package Manager: `npm@9.6.0`\r\n- Builder: `vite`\r\n------------------------------\n\n### Reproduction\n\nhttps://stackblitz.com/edit/github-7tssgl?file=package.json\r\n\r\nI created close enought example as my app looking. So you need to `build & preview` it to see the error.\n\n### Describe the bug\n\nI'm trying to use webworkers according to vite documntation https://vitejs.dev/guide/features.html#import-with-query-suffixes\r\n\r\nAnd it looked smoothly, before `3.3.3`. Right now the whole app not working with `npm run build` - `npm run preview`.\r\nBut it works normally with `dev`.\r\n\r\nI mean it builds without error and start normally, no errors eather. But at any page of the app looks like chunk imports broken or something like that.\r\n\r\nFor example I/m importing `myWorker` at `/profile` - page of the app. But never the less at `/home` page still be broken app\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[2056,2057,2058,2059],{"name":2045,"color":2046},{"name":1999,"color":2000},{"name":2014,"color":2015},{"name":2060,"color":2061},"upstream","E8A36D",20191,"Import Web Workers with query suffixes break app in production","2023-04-20T14:41:07Z","https://github.com/nuxt/nuxt/issues/20191",0.7266587,{"description":2068,"labels":2069,"number":2077,"owner":1988,"repository":1988,"state":2036,"title":2078,"updated_at":2079,"url":2080,"score":2081},"### Version\n\n[v2.8.1](https://github.com/nuxt.js/releases/tag/v2.8.1)\n\n### Reproduction link\n\n[https://github.com/DDevine/nuxt-webworker-bug](https://github.com/DDevine/nuxt-webworker-bug)\n\n### Steps to reproduce\n\nCreate a nuxt PWA using create-nuxt-app\n\nFollow the official example as shown at: https://github.com/nuxt/nuxt.js/tree/dev/examples/web-worker\n\nMake small code style changes to make the linter pass (example needs updating), and rename the default Logo.vue to AppLogo.vue\n\nrun `npm run dev`\n\n\n### What is expected ?\n\nThe client should build and be served (on localhost:3000).\n\n### What is actually happening?\n\nThe client builds with the following warning:\n\n WARN in ./plugins/inject-ww.js friendly-errors 14:45:25\n\n\"export 'default' (imported as 'ExampleWorker') was not found in '~/assets/js/Example.worker.js'\n\nAnd in the browser debugger the following error stops the app from loading:\n\nUncaught TypeError: Cannot assign to read only property 'exports' of object '#\u003CObject>'\n\n\n\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/c9576\">#c9576\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[2070,2073,2074],{"name":2071,"color":2072},"stale","ffffff",{"name":1999,"color":2000},{"name":2075,"color":2076},"2.x","d4c5f9",6158,"Web Worker Example broken with Nuxt 2.8.1?","2023-01-22T15:34:44Z","https://github.com/nuxt/nuxt/issues/6158",0.73135555,{"labels":2083,"number":2088,"owner":1988,"repository":1988,"state":2036,"title":2089,"updated_at":2090,"url":2091,"score":2092},[2084,2087],{"name":2085,"color":2086},"documentation","5319e7",{"name":2045,"color":2046},12747,"Importing and using nuxt3 functions directly does not work","2023-01-19T16:45:14Z","https://github.com/nuxt/nuxt/issues/12747",0.73449063,{"description":2094,"labels":2095,"number":2097,"owner":1988,"repository":1988,"state":2036,"title":2098,"updated_at":2099,"url":2100,"score":2101},"Trying to implement PWA module in my nuxt.js install. But getting some error related to service workers.\r\n\r\n**Error 1**\r\nServiceWorker failed to install: ServiceWorker failed to handle event (event.waitUntil Promise rejected)\r\n\r\n**Error 2:**\r\nUncaught (in promise) request-not-cached: an error was thrown by workbox with error code; '`request-not-chached'\r\n\r\nURL: https://proposalmate.now.sh/\r\n\r\n\r\n\r\n\r\n\r\n**package.json**\r\n\r\n```\r\n{\r\n \"name\": \"proposalmate\",\r\n \"version\": \"1.0.0\",\r\n \"private\": true,\r\n \"dependencies\": {\r\n \"@nuxtjs/component-cache\": \"^1.0.0\",\r\n \"@nuxtjs/pwa\": \"^0.2.0\",\r\n \"autoprefixer\": \"^7.1.2\",\r\n \"css-loader\": \"^0.28.4\",\r\n \"cssnano\": \"^3.10.0\",\r\n \"element-theme-default\": \"^1.3.7\",\r\n \"element-ui\": \"^1.3.7\",\r\n \"nuxt\": \"^1.0.0-alpha.5\",\r\n \"postcss-cssnext\": \"^3.0.2\",\r\n \"postcss-hexrgba\": \"^0.2.1\",\r\n \"postcss-import\": \"^10.0.0\",\r\n \"postcss-loader\": \"^2.0.6\",\r\n \"postcss-nested\": \"^2.0.4\",\r\n \"style-loader\": \"^0.18.2\",\r\n \"vue\": \"2.3.4\",\r\n \"vue-server-renderer\": \"2.3.4\",\r\n \"vue-style-loader\": \"^3.0.1\",\r\n \"vue-template-compiler\": \"2.3.4\"\r\n },\r\n \"scripts\": {\r\n \"dev\": \"nuxt\",\r\n \"build\": \"nuxt build\",\r\n \"start\": \"nuxt start\",\r\n \"generate\": \"nuxt generate\",\r\n \"lint\": \"eslint --ext .js,.vue --ignore-path .gitignore .\",\r\n \"precommit\": \"npm run lint\",\r\n \"element\": \"et -c css/element-variables.css -o css/theme -w\"\r\n },\r\n \"devDependencies\": {\r\n \"babel-eslint\": \"^7.2.3\",\r\n \"eslint\": \"^4.2.0\",\r\n \"eslint-config-standard\": \"^10.2.1\",\r\n \"eslint-loader\": \"^1.9.0\",\r\n \"eslint-plugin-html\": \"^3.1.0\",\r\n \"eslint-plugin-import\": \"^2.7.0\",\r\n \"eslint-plugin-node\": \"^5.1.0\",\r\n \"eslint-plugin-promise\": \"^3.5.0\",\r\n \"eslint-plugin-standard\": \"^3.0.1\"\r\n }\r\n}\r\n```\r\n\r\n**nuxt.config.js**\r\n```\r\nmodule.exports = {\r\n /*\r\n ** Headers of the page\r\n */\r\n\r\n head: {\r\n title: 'starter',\r\n meta: [\r\n { charset: 'utf-8' },\r\n { name: 'viewport', content: 'width=device-width, initial-scale=1' },\r\n { hid: 'description', name: 'description', content: 'Nuxt.js project' }\r\n ],\r\n link: [\r\n { rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' },\r\n { rel: 'dns-prefetch', href: 'https://proposalmate.now.sh' }\r\n ]\r\n },\r\n /*\r\n ** Customize the progress-bar color\r\n */\r\n loading: { color: '#3B8070' },\r\n\r\n manifest: {\r\n name: 'ProposalMate',\r\n short_name: 'ProposalMate',\r\n lang: 'en',\r\n description: 'Create beautiful business proposals',\r\n theme_color: '#188269',\r\n background_color: '#000'\r\n },\r\n\r\n modules: [\r\n '@nuxtjs/pwa',\r\n '@nuxtjs/component-cache'\r\n ],\r\n\r\n render: {\r\n static: {\r\n maxAge: '1y',\r\n setHeaders(res, path) {\r\n if (path.includes('sw.js')) {\r\n res.setHeader('Cache-Control', 'public, max-age=0')\r\n }\r\n }\r\n }\r\n },\r\n\r\n css: [\r\n { src: '~/css/theme/index.css', lang: 'postcss' },\r\n { src: '~/css/main.css', lang: 'postcss' }\r\n ],\r\n\r\n plugins: [\r\n 'plugins/element-ui.js'\r\n ],\r\n /*\r\n ** Build configuration\r\n */\r\n build: {\r\n\r\n /*\r\n ** Run ESLINT on save\r\n */\r\n extend(config, ctx) {\r\n\r\n const cssLoader = config.module.rules.find((loader) => loader.test.toString() === '/\\\\.css$/')\r\n cssLoader.use.splice(2, 0, {\r\n loader: 'postcss-loader',\r\n options: {\r\n sourceMap: true\r\n }\r\n })\r\n\r\n if (ctx.isClient) {\r\n config.module.rules.push({\r\n enforce: 'pre',\r\n test: /\\.(js|vue)$/,\r\n loader: 'eslint-loader',\r\n exclude: /(node_modules)/\r\n })\r\n }\r\n }\r\n\r\n }\r\n}\r\n```\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/c969\">#c969\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[2096],{"name":2075,"color":2076},1108,"Nuxt.js + PWA - Service Worker errors","2023-01-18T15:40:45Z","https://github.com/nuxt/nuxt/issues/1108",0.73450714,{"description":2103,"labels":2104,"number":2107,"owner":1988,"repository":2108,"state":2036,"title":2109,"updated_at":2110,"url":2111,"score":2112},"Repro :\n\n- Chose E-commerce\n- Chose Asia\n- Chose North America",[2105],{"name":1985,"color":2106},"ff281a",1166,"nuxt.com","[Agencies] Facets filters not filtering correctly","2023-02-15T12:31:13Z","https://github.com/nuxt/nuxt.com/issues/1166",0.73475367,["Reactive",2114],{},["Set"],["ShallowReactive",2117],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"S2cN5vlqaA3zfQ1KMb5dGzfIwK4vaWX9Xtl3AcW2dF0":-1},"/nuxt/scripts/430"]