",[2004,2005,2006],{"name":1985,"color":1986},{"name":1988,"color":1989},{"name":1991,"color":1992},3270,"[Feature request] Toast hide progress in app.config","2025-02-09T17:11:11Z","https://github.com/nuxt/ui/issues/3270",0.7221793,{"description":2013,"labels":2014,"number":2015,"owner":1994,"repository":2016,"state":1996,"title":2017,"updated_at":2018,"url":2019,"score":2020},"Hi team, \r\n\r\nThis time i founded this vulnerability in your website: \r\nhttps://nuxtjs.org/\r\n\r\n\r\n\r\nClick jacking (User Interface redress attack, UI redress attack, UI redressing) is a malicious technique of tricking a Web user into clicking on something different from what the user perceives they are clicking on, thus potentially revealing confidential information or taking control of their computer while clicking on seemingly innocuous web pages.\r\n\r\nThe server didn't return an X-Frame-Options header which means that this website could be at risk of a click jacking attack. The X-Frame-Options HTTP response header can be used to indicate whether or not a browser should be allowed to render a page in a \u003Cframe> or \u003Ciframe>. Sites can use this to avoid click jacking attacks, by ensuring that their content is not embedded into other sites.\r\n\r\nThis vulnerability affects Web Server.\r\n\r\nHere are the steps to reproduce the vulnerability:\r\n\r\n1.open notepad and paste the following code.\r\n\u003C!DOCTYPE HTML>\r\n\u003Chtml lang=\"en-US\">\r\n\u003Chead>\r\n\u003Cmeta charset=\"UTF-8\">\r\n\u003Ctitle>i Frame\u003C/title>\r\n\u003C/head>\r\n\u003Cbody>\r\n\u003Ch3>This is clickjacking vulnerable\u003C/h3>\r\n\u003Ciframe src=\" https://nuxtjs.org/ \" frameborder=\"2 px\" height=\"500px\" width=\"500px\">\u003C/iframe>\r\n\u003C/body>\r\n\u003C/html>\r\n\r\n2.save it as \u003Canyname>.html eg s.html\r\n\r\n3.and just simply open that...\r\n\r\nOR\r\nCopy the link below and paste on your updated browser (Chrome,Firefox).\r\nhttps://clickjacker.io/test?url=https://nuxtjs.org/\r\nAs far as i know this data is enough to prove that your site is vulnerable to Click jacking\r\naccording to OWASP its more than enough.\r\n\r\nhttps://www.owasp.org/index.php/Testing_for_Clickjacking_(OWASP-CS-004) \r\n\r\nSOLUTION: \r\n\r\nhttps://www.owasp.org/index.php/Clickjacking_Defense_Cheat_Sheet\r\n\r\nCheck this out and here is the solution for that.\r\n \r\n\r\nI Hope that you will fix this issue as soon as possible. Looking forward to hear from you. Thank you\r\n\r\nSincerely,\r\nHassan Raza\r\n",[],1456,"nuxt.com","Vulnerability type Click Jacking","2023-12-27T17:14:15Z","https://github.com/nuxt/nuxt.com/issues/1456",0.72657293,{"description":2022,"labels":2023,"number":2028,"owner":1994,"repository":1995,"state":1996,"title":2029,"updated_at":2030,"url":2031,"score":2032},"### Environment\n\n- Operating System: `Darwin`\n- Node Version: `v18.20.7`\n- Nuxt Version: `3.14.1592`\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`, `@artmizu/nuxt-prometheus@2.4.0`, `@nuxt/icon@1.10.3`\n- Build Modules: `-`\n\n### Version\n\nv2.21.1\n\n### Reproduction\n\nhttps://ui2.nuxt.com/components/select-menu#control-the-query\n\nTry to select `Wade` in the query input with mouse or trackpad \n\u003Cimg width=\"494\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/a0e90d62-aabb-4d40-9d8d-a6fed67fee02\" />\n\nBrowser: `Google Chrome Version 134.0.6998.89 (Official Build) (arm64)`\n\nAlso reproduced on `Safari Version 18.3.1 (20620.2.4.11.6)`\n\n### Description\n\nUser may want to copy the text in the query input of a `select-menu` component by moving cursor around text, now it's unable to do it without a keyboard (`Shift + left/right arrow` or `Cmd/Ctrl + A` to select all).\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2024,2027],{"name":2025,"color":2026},"bug","d73a4a",{"name":1991,"color":1992},3583,"Accessibility: unable to select text in the query input of a select-menu","2025-03-17T00:34:07Z","https://github.com/nuxt/ui/issues/3583",0.7315771,{"description":2034,"labels":2035,"number":2045,"owner":1994,"repository":1995,"state":2046,"title":2047,"updated_at":2048,"url":2049,"score":2050},"### Environment\n\n- Operating System: `Darwin`\n- Node Version: `v18.20.4`\n- Nuxt Version: `3.11.2`\n- CLI Version: `3.11.1`\n- Nitro Version: `2.9.6`\n- Package Manager: `yarn@1.22.22`\n- Builder: `-`\n- User Config: `telemetry`, `server`, `runtimeConfig`, `devtools`, `ui`, `colorMode`, `swiper`, `app`, `site`, `ssr`, `ogImage`, `googleFonts`, `typescript`, `loading`, `tailwindcss`, `build`, `vite`, `i18n`, `gtag`, `dayjs`, `prometheus`, `modules`\n- Runtime Modules: `dayjs-nuxt@2.1.9`, `@pinia/nuxt@0.5.1`, `@pinia-plugin-persistedstate/nuxt@1.2.0`, `@nuxt/ui@2.16.0`, `@nuxtjs/i18n@8.3.1`, `@nuxtjs/google-fonts@3.2.0`, `nuxt-swiper@1.2.2`, `@nuxtjs/seo@2.0.0-rc.11`, `nuxt-gtag@2.0.6`, `nuxt-meta-pixel@2.0.2`, `nuxt-easy-lightbox@1.0.2`, `@artmizu/nuxt-prometheus@2.4.0`\n- Build Modules: `-`\n\n\n### Version\n\nv2.9.0\n\n### Reproduction\n\nhttps://stackblitz.com/edit/nuxt-ui-aaekcsib?file=app.config.ts,app.vue\n\n### Description\n\nEvery time that I want to apply a backdrop filter blur to the parent of the Tooltip component, the hover effect stops working and the tooltip doesn't show up. Can someone help me on this?\n\nThanks for your attention.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2036,2037,2040,2042],{"name":2025,"color":2026},{"name":2038,"color":2039},"duplicate","cfd3d7",{"name":2041,"color":1992},"wontfix-v2",{"name":2043,"color":2044},"upstream","78bddb",2883,"closed","Tooltip: stops working after backdrop filter is applied","2024-12-19T21:10:15Z","https://github.com/nuxt/ui/issues/2883",0.6751613,{"description":2052,"labels":2053,"number":2056,"owner":1994,"repository":1995,"state":2046,"title":2057,"updated_at":2058,"url":2059,"score":2060},"### Environment\n\n------------------------------\n- Operating System: Windows_NT\n- Node Version: v20.9.0\n- Nuxt Version: 3.13.1\n- CLI Version: 3.13.1\n- Nitro Version: 2.9.7\n- Package Manager: npm@10.9.0\n- Builder: -\n- User Config: devtools, modules, css, ui, colorMode, compatibilityDate, icon, sourcemap, experimental, nitro, future, pwa, routeRules, spaLoadingTemplate, runtimeConfig\n- Runtime Modules: @nuxt/ui@3.0.0-alpha.9, @vueuse/nuxt@10.11.1, @nuxtjs/mdc@0.6.1, @formkit/auto-animate/nuxt@0.8.2, @vite-pwa/nuxt@0.10.5\n- Build Modules: -\n------------------------------\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\nv3.0.0-alpha.9\n\n### Reproduction\n\n`style tag`\n\n`Use`\n\n`debug`\n\n\n\n### Description\n\nSorry, I don't know if it's a bad configuration on my part, however the styles in which I use @apply don't work for me.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[2054,2055],{"name":2025,"color":2026},{"name":1988,"color":1989},2763,"postcss style not applying","2024-12-05T13:48:59Z","https://github.com/nuxt/ui/issues/2763",0.6851723,{"description":2062,"labels":2063,"number":2071,"owner":1994,"repository":1995,"state":2046,"title":2072,"updated_at":2073,"url":2074,"score":2075},"### Description\n\nI really love all the work that went into this, but it's currently connected to vue-router for `Link` and `Pagination` components. I would love to see these become optional dependencies so it can be used with projects that do not use `vue-router`.\n\nMaybe there is some way to stub out the link components to enable support for Inertia \\ default HTML?",[2064,2067,2068],{"name":2065,"color":2066},"question","d876e3",{"name":1988,"color":1989},{"name":2069,"color":2070},"vue","42b883",3001,"How likely is it that we'll see a routerless version?","2025-04-14T08:47:28Z","https://github.com/nuxt/ui/issues/3001",0.7036153,{"description":2077,"labels":2078,"number":2079,"owner":1994,"repository":2080,"state":2046,"title":2081,"updated_at":2082,"url":2083,"score":2084},"My folder structure looks the same as it is described in the documentation (https://nuxt.com/modules/icon#custom-local-collections):\n\n`assets/my-icons/photogrammetry.svg`\n\nHowever, I load content from a json file:\n\n```json\n{\n \"data\": {\n \"0\": {\n \"title\": \"Video- & Photography\",\n \"icon\": \"my-icon:photogrammetry\",\n \"iconColor\": \"text-cyan-400\",\n [...]\n },\n```\n\n... into the component:\n\n```vue\n\u003Cscript setup>\nimport services from \"/public/jsons/services.json\"\n...\n\u003C/script>\n\n\u003Ctemplate>\n[...]\n \u003Cdiv class=\"[ card ] absolute\" :class=\"service.iconColor\">\n \u003CIcon :name=\"service.icon\" :color=\"service.iconColor\" size=\"10rem\" />\n \u003C/div>\n[...]\n\u003C/template>\n```\n\nThe icon (which is and remains black) does not accept any color, while any standard implementation (icon from a downloaded icon set like mdi) does indeed change the color of an icon.\n\n(Just in case this is not an error: What kind of \"treatment\" do I have to apply to make my icon accept color?)",[],307,"icon","custom local collections do not accept props like color","2024-11-23T10:19:42Z","https://github.com/nuxt/icon/issues/307",0.7081367,{"description":2086,"labels":2087,"number":2091,"owner":1994,"repository":2092,"state":2046,"title":2093,"updated_at":2094,"url":2095,"score":2096},"### Environment\n\n- Operating System: `Darwin`\n- Node Version: `v23.5.0`\n- Nuxt Version: `3.15.4`\n- CLI Version: `3.21.1`\n- Nitro Version: `2.10.4`\n- Package Manager: `npm@10.9.2`\n- Builder: `-`\n- User Config: `colorMode`, `compatibilityDate`, `components`, `devtools`, `eslint`, `nitro`, `buildModules`, `modules`, `runtimeConfig`\n- Runtime Modules: `nitro-cloudflare-dev@0.2.1`, `@pinia/nuxt@0.9.0`, `@nuxt/ui@2.20.0`, `@nuxt/test-utils/module@3.15.4`, `@nuxt/eslint@0.7.5`, `nuxt-auth-utils@0.5.10`\n- Build Modules: `@nuxtjs/date-fns@1.5.0`\n\n\n### Reproduction\n\nhttps://github.com/Mathmagicians/theslope/tree/main\n\n### Describe the bug\n\nI am developing a small community project in Nuxt, it is open source.\nI am trying to add tests for my Nitro endpoints, from the server folder. \nI dont want to mock the endpoints, but actually call them. \nThere is no documentation, that I could finde, how to test the server endpoints. \nI have followed the installatin instructions for nuxt-test-utils\nHere is my `vitest.config.ts`:\n```\nimport {defineVitestConfig} from '@nuxt/test-utils/config'\n\nexport default defineVitestConfig({\n // any custom Vitest config you require\n test: {\n include: ['tests/**/*.*.spec.ts'],\n name: 'nuxt',\n environment: 'nuxt'\n }\n})\n```\n\nHere is the test file:\n```\nimport { fileURLToPath } from 'node:url'\nimport {describe, it, expect} from 'vitest'\nimport { setup, fetch } from '@nuxt/test-utils/e2e'\n//import { $fetchRaw, setup } from 'nitro-test-utils/e2e'\n\nconst doLogin = async (username, password) => {\n return await fetch(`/api/auth/login`, {\n method: 'POST',\n body: {email: username, password: password},\n headers: {ContentType: 'application/json'}\n })\n}\ndescribe('test /auth/login endpoint', async () => {\n await setup({\n setupTimeout: 60*1000,\n server: true,\n browser: false,\n })\n const heyNaboUserName = process.env.HEY_NABO_USERNAME as string; \n const heyNaboPassword = process.env.HEY_NABO_PASSWORD as string;\n\n it('should return a 400 error when no credentials are passed', async () => {\n await expect(doLogin(undefined, undefined))\n .rejects.toThrow('Invalid Heynabo credentials - cant login')\n })\n\n it('should return a 400 error when a wrong body is passed', async () => {\n await expect(\n fetch(`/api/auth/login`, {\n method: 'POST',\n body: {pudu: 'is beautiful'},\n headers: {ContentType: 'application/json'}\n })\n )\n .rejects.toThrow('Invalid Heynabo credentials - cant login')\n })\n\n it('should return a 404 error when incorrect credentials are passed', async () => {\n await expect(doLogin('a@a.dk', 'volapyk'))\n .rejects.toThrow('Invalid Heynabo credentials - cant login')\n })\n\n it('should return user session with a heynabo token when correct credentials are passed', async () => {\n const res = await doLogin(heyNaboUserName, heyNaboPassword)\n expect(res).toHaveProperty('token')\n expect(res.token).not.toBeNull()\n expect(res.token.length).toBeGreaterThan(1)\n expect(res).toHaveProperty('email')\n expect(res.email).toBe(heyNaboUserName)\n })\n})\n\n```\nThe following simple test fails at startup because of the `setup`method:\n```\n FAIL nuxt tests/e2e/login.e2e.spec.ts > test /auth/login endpoint\nTypeError: The URL must be of scheme file\n ❯ Object.renderChunk node_modules/@rollup/plugin-terser/dist/cjs/index.js:160:35\n ❯ node_modules/rollup/dist/es/shared/node-entry.js:20874:40\n```\n\nAny hints at, what might be the issue?\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n-script\nFAIL nuxt tests/e2e/login.e2e.spec.ts > test /auth/login endpoint\nTypeError: The URL must be of scheme file\n ❯ Object.renderChunk node_modules/@rollup/plugin-terser/dist/cjs/index.js:160:35\n ❯ node_modules/rollup/dist/es/shared/node-entry.js:20874:40\n```",[2088],{"name":2089,"color":2090},"pending triage","5D08F5",1120,"test-utils","Cant run e2e test that calls a nitro server route - setup fails","2025-02-11T16:59:01Z","https://github.com/nuxt/test-utils/issues/1120",0.7141267,{"description":2098,"labels":2099,"number":2102,"owner":1994,"repository":1995,"state":2046,"title":2103,"updated_at":2104,"url":2105,"score":2106},"### For what version of Nuxt UI are you asking this question?\n\nv3-alpha\n\n### Description\n\nI'm experience problems with the VS Code Tailwind Intellisense plugin. I have used ui v2 without problems so far, but when using v3 it only shows suggestions when a tailwindcss.config.ts is freshly edited, but then after reloading or restarting VS Code, it doesn't work anymore. When it's working, it only shows a few of the classes, but not the most common ones like padding, margin etc..\n\nHas someone experienced the same issue and knows a fix for that? ",[2100,2101],{"name":2065,"color":2066},{"name":1988,"color":1989},2424,"V3 Intellisense not working correctly","2024-11-05T21:44:20Z","https://github.com/nuxt/ui/issues/2424",0.71919864,["Reactive",2108],{},["Set"],["ShallowReactive",2111],{"TRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"n7A52dXHSJ32pOGdHFzw8uhQPrMlwTJ2f5eoHBS5IVQ":-1},"/nuxt/icon/107"]