\n \u003Ctemplate #content>\n \u003Cdiv class=\"p-4\">\n \u003CUSelectMenu\n v-model=\"value\"\n :search-input=\"{\n placeholder: 'Filter...',\n icon: 'i-lucide-search',\n }\"\n :items=\"items\"\n class=\"w-48\"\n />\n \u003C/div>\n \u003C/template>\n \u003C/UDrawer>\n\u003C/template>\n```\n\n### Description\n\nSelectMenu search not working from drawer\n\n### Additional context\n\n\u003Cimg width=\"245\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/19831047-5117-4e6a-a464-bae275272d07\" />\n\n### Logs\n\n```shell-script\n\n```",[3054,3057],{"name":3055,"color":3056},"bug","d73a4a",{"name":3058,"color":3059},"v3","49DCB8","ui","SelectMenu search not clickable from drawer","2025-02-27T21:17:38Z","https://github.com/nuxt/ui/issues/3396",{"labels":3065,"number":3067,"owner":3020,"repository":3020,"state":3034,"title":3068,"updated_at":3069,"url":3070,"score":3071},[3066],{"name":3031,"color":3032},5665,"Nuxt2.4: home pages loads all other pages js,but these resources don't need in first time","2023-01-18T20:13:02Z","https://github.com/nuxt/nuxt/issues/5665",0.69295204,{"description":3073,"labels":3074,"number":3079,"owner":3020,"repository":3020,"state":3034,"title":3080,"updated_at":3081,"url":3082,"score":3083},"### Describe the feature\r\n\r\nI'm trying to load the following script but I only want it to be added when I'm in dev mode, and not included in the final build:\r\n\r\n```export default defineNuxtConfig({\r\n app: {\r\n head: {\r\n script: [\r\n { src: \"https://kendo.cdn.telerik.com/2022.3.913/js/kendo.all.min.js\" },\r\n ],\r\n },\r\n },\r\n```\r\n \r\nIs this achievable with Nuxt? I've tried adding the scripts with a custom nuxt plugin but unfortunately this doens't work for my use case as these scripts have to be loaded before everything else.\r\n\r\nThanks in advance\r\n\r\n### Additional information\r\n\r\n- [ ] Would you be willing to help implement this feature?\r\n- [ ] Could this feature be implemented as a module?\r\n\r\n### Final checks\r\n\r\n- [X] Read the [contribution guide](https://nuxt.com/docs/community/contribution).\r\n- [X] Check existing [discussions](https://github.com/nuxt/nuxt/discussions) and [issues](https://github.com/nuxt/nuxt/issues).",[3075,3078],{"name":3076,"color":3077},"3.x","29bc7f",{"name":3043,"color":3044},20332,"How do I add a script via defineNuxtConfig, but have this script only included in dev (localhost)?","2023-04-19T07:28:23Z","https://github.com/nuxt/nuxt/issues/20332",0.69387925,{"description":3085,"labels":3086,"number":3088,"owner":3020,"repository":3020,"state":3034,"title":3089,"updated_at":3090,"url":3091,"score":3092},"Hi.\r\n\r\nThe following changes were made in v1.1.0, but it appeared that there was no setting to allow external resources.\r\nThis change seems to allow only inline-script, should I send a PR?\r\nIf you have other methods, please let me know...\r\n\r\n> Add support for CSP script-src safe inline (PR #2549) via render.csp option in nuxt.config.js\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/c2268\">#c2268\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[3087],{"name":3031,"color":3032},2606,"How can I configure to load external resources of Content-Security-Policy(CSP)?","2023-01-18T16:02:22Z","https://github.com/nuxt/nuxt/issues/2606",0.6945863,{"description":3094,"labels":3095,"number":3097,"owner":3020,"repository":3020,"state":3034,"title":3098,"updated_at":3099,"url":3100,"score":3101},"How do I add a global js file to the nuxt config?\r\n\r\n```\r\n module.exports = {\r\n /*\r\n ** Global CSS\r\n */\r\n css: ['~/assets/css/main.css'],\r\n /*\r\n ** Global JS\r\n */\r\n js: ['~/assets/js/main.js']\r\n }\r\n\r\n```\r\nIt does not work obviously.\r\n\r\nAny ideas?\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/c1813\">#c1813\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[3096],{"name":3031,"color":3032},2044,"How to add a global js file?","2023-01-18T15:43:02Z","https://github.com/nuxt/nuxt/issues/2044",0.6956325,{"description":3103,"labels":3104,"number":3106,"owner":3020,"repository":3020,"state":3034,"title":3107,"updated_at":3069,"url":3108,"score":3109},"How do I add a global JS file to the nuxt config?\r\n\r\n `module.exports = {\r\n /*\r\n ** Global CSS\r\n */\r\n css: ['~/assets/css/main.css'],\r\n /*\r\n ** Global JS\r\n */\r\n js: ['~/assets/js/main.js']\r\n }`\r\n\r\nIt does not work obviously.\r\n\r\nAny ideas?\r\n\n\n\u003C!--cmty-->\u003C!--cmty_prevent_hook-->\n\u003Cdiv align=\"right\">\u003Csub>\u003Cem>This question is available on \u003Ca href=\"https://cmty.app/nuxt\">Nuxt\u003C/a> community (\u003Ca href=\"https://cmty.app/nuxt/nuxt.js/issues/c9179\">#c9179\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[3105],{"name":3031,"color":3032},5686,"how to include global JS in nuxt.confi.js","https://github.com/nuxt/nuxt/issues/5686",0.6961448,{"description":3111,"labels":3112,"number":3118,"owner":3020,"repository":3020,"state":3034,"title":3119,"updated_at":3120,"url":3121,"score":3122},"### Version\n\n[v2.4.3](https://github.com/nuxt.js/releases/tag/v2.4.3)\n\n### Reproduction link\n\n[https://github.com/markplewis/nuxt-external-resource-loading-issue](https://github.com/markplewis/nuxt-external-resource-loading-issue)\n\n### Steps to reproduce\n\nClone [my demo repo](https://github.com/markplewis/nuxt-external-resource-loading-issue) and then do the following:\n\n## Case 1\n\n1. Launch the app via `npm run dev` and open it up in your browser.\n2. Click the \"Test 1\" link.\n3. The following error will appear in your console:\n```\nTypeError: window.jQuery is not a function\n at VueComponent.mounted (test-1.js:34)\n```\n4. Refresh the page.\n5. Everything will load correctly.\n6. Click the \"Home\" link.\n7. Click the \"Test 1\" link.\n8. Everything will load correctly.\n9. Click the \"Home\" link.\n10. Refresh the page.\n11. Click the \"Test 1\" link.\n12. The following error will appear in your console:\n```\nTypeError: window.jQuery is not a function\n at VueComponent.mounted (test-1.js:34)\n```\n13. Refresh the page.\n14. Everything will load correctly.\n\n## Case 2\n\n1. Launch the app via `npm run dev` and open it up in your browser.\n2. Click the \"Test 2\" link.\n3. The \"(CDN script has loaded)\" message will **not** be appended to the `\u003Ch1>` element.\n4. Refresh the page.\n5. The \"(CDN script has loaded)\" message will appear inside the `\u003Ch1>`.\n6. Click the \"Home\" link.\n7. Click the \"Test 2\" link.\n8. The \"(CDN script has loaded)\" message will appear inside the `\u003Ch1>`.\n9. Click the \"Home\" link.\n10. Refresh the page.\n11. Click the \"Test 2\" link.\n12. The \"(CDN script has loaded)\" message will **not** be appended to the `\u003Ch1>` element.\n13. Refresh the page.\n14. The \"(CDN script has loaded)\" message will appear inside the `\u003Ch1>`.\n\n### What is expected ?\n\nI'm trying to load an external script into a Nuxt page via the page's `head`:\n```\nhead() {\n return {\n script: [{\n src: \"https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.slim.min.js\"\n }]\n };\n}\n```\nI expect the script to load and be available every time the page loads, regardless of whether it was served directly from the server or rendered on the client-side.\n\n### What is actually happening?\n\nUnfortunately, the external script doesn't seem to load when the page is server-rendered - it only seems to work when the page is client-rendered. I discovered the following issues, but neither of them have helped me solve this problem:\n\n- https://github.com/nuxt/nuxt.js/issues/3396\n- https://github.com/nuxt/nuxt.js/issues/3872\n\nIn that first issue, manniL said the following:\n\n> \"Loading external scripts through the head function works fine for me. I'd suggest to do this on a `layout` basis anyway. For pages there is the caveat that you can't ensure the readiness easily.\"\n\nWhat does \"you can't ensure the readiness easily\" mean? I'd prefer not to move this script into my layout because it will only be needed for one particular page, and I don't want to force users to download unnecessary resources.\n\nI can avoid errors (see test case 1, above) by wrapping my calls to `window.jQuery`, like this: \n```\nmounted() {\n if (!process.server && window.jQuery) {\n ... \n }\n}\n```\nBut this leaves me with the problem that I described in test case 2 (see above).\n\n\n\n\n\n\u003C!--cmty-->\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/c8677\">#c8677\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[3113,3116,3117],{"name":3114,"color":3115},"stale","ffffff",{"name":3043,"color":3044},{"name":3031,"color":3032},5052,"External script doesn't always load when added to Nuxt page via \"head()\"","2023-05-03T05:33:32Z","https://github.com/nuxt/nuxt/issues/5052",0.696305,["Reactive",3124],{},["Set"],["ShallowReactive",3127],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fq94Hur8gPxLrxEx1XEHbldwJArL8ZpzjkuZUpZVRUag":-1},"/nuxt/scripts/455"]