\n\u003C!-- OR -->\n\u003CIcon name=\"my-icon:a\" v-if=\"flag\" />\n\u003CIcon name=\"my-icon:b\" v-else />\n```\nin `nuxt.config.ts`\n```ts\nicon: {\n provider: 'server',\n customCollections: [\n {\n prefix: 'my-icon',\n dir: './assets/icon/svg',\n },\n ],\n},\n// ...\nnitro: {\n preset: 'static',\n},\n```\n\nIf toggle value of `flag`, \neverything works well in development, \nbut it throws 404 error for `my-icon:b` after building and generating.\n(it works well with `v-show`) \n\nProject info:\n```\n------------------------------\n- Operating System: Windows_NT\n- Node Version: v22.8.0\n- Nuxt Version: 3.16.0\n- CLI Version: 3.23.0\n- Nitro Version: 2.11.6\n- Package Manager: pnpm@9.9.0\n- Builder: -\n- User Config: modules, icon, colorMode, shadcn, fonts, googleSignIn, app, imports, css, vite, nitro, compatibilityDate, telemetry\n- Runtime Modules: @nuxtjs/tailwindcss@6.13.2, @nuxt/icon@1.11.0, @nuxt/fonts@0.11.0, @nuxt/image@1.9.0, @nuxt/eslint@1.2.0, @pinia/nuxt@0.10.1, pinia-plugin-persistedstate/nuxt@4.2.0, @nuxt/test-utils/module@3.17.2, @nuxtjs/color-mode@3.5.2, shadcn-nuxt@1.0.3, @vueuse/nuxt@13.0.0, nuxt-vue3-google-signin@0.0.11\n- Build Modules: -\n------------------------------\n```\n",[],380,"nuxt","icon","open","Local icon 404 after `nuxi generating` if with `:name=\"flag?'my-icon:icon-a':'my-icon:icon-b'\"`","2025-03-26T15:31:52Z","https://github.com/nuxt/icon/issues/380",0.6531273,{"description":2865,"labels":2866,"number":2870,"owner":2857,"repository":2858,"state":2859,"title":2871,"updated_at":2872,"url":2873,"score":2874},"I am just wondering, when you are using this with the following nuxt config. Where does the icons get stored when you generate? (Or how does it work as i don't fully understand). \n\nReason I ask is that i have used this library for a project that runs offline; I have installed the icons locally to the project. And sometimes the icons do not appear on my offline project. \n\nI have recently added the icon: entry to the nuxt config to see if this fixes it. And to be honest I don't know if the outcome of this has done anything yes or no, because it is hard to replicate the bug of the icons not appearing. \n\nAny ideas? \n\n```\nexport default defineNuxtConfig({\n compatibilityDate: \"2024-04-03\",\n devtools: { enabled: true },\n vite: {\n css: {\n preprocessorOptions: {\n scss: {\n api: \"modern\",\n },\n },\n },\n },\n nitro: {\n publicAssets: [\n {\n dir: \"public\",\n maxAge: 60 * 60 * 24 * 365, // 1 year\n },\n ],\n },\n icon: {\n clientBundle: {\n scan: true,\n includeCustomCollections: true,\n icons: [\n \"heroicons:user-solid\",\n \"heroicons:document-arrow-down\",\n \"heroicons:arrow-up-circle-16-solid\",\n \"heroicons:arrow-down-circle-16-solid\",\n \"heroicons:flag-20-solid\",\n \"heroicons:lock-open-solid\",\n \"heroicons:heart-solid\",\n \"heroicons:chat-bubble-oval-left-16-solid\",\n \"heroicons:minus-circle-16-solid\",\n \"heroicons:speaker-wave-solid\",\n \"heroicons:phone-16-solid\",\n \"material-symbols:mail-rounded\",\n \"material-symbols:database\",\n \"material-symbols:list-alt\",\n \"material-symbols:headphones-rounded\",\n \"fa6-solid:users\",\n \"fa6-solid:battery-full\",\n \"fa6-solid:battery-three-quarters\",\n \"fa6-solid:battery-half\",\n \"fa6-solid:battery-quarter\",\n \"fa6-solid:wifi\",\n \"fa6-solid:users\",\n \"fa6-solid:check\",\n ],\n },\n },\n modules: [\n \"@nuxtjs/ionic\",\n \"@nuxtjs/tailwindcss\",\n \"@vueuse/nuxt\",\n \"@nuxt/icon\",\n \"nuxt-particles\",\n \"@vite-pwa/nuxt\",\n ],\n ssr: false,\n});\n```\n\nEntries to package.json\n```\n \"@iconify-json/fa6-solid\": \"^1.2.1\",\n \"@iconify-json/heroicons\": \"^1.2.1\",\n \"@iconify-json/material-symbols\": \"^1.2.4\",\n```",[2867],{"name":2868,"color":2869},"need-repro","A50BA3",298,"Question; when generating where do the icons get stored?","2024-11-18T12:06:18Z","https://github.com/nuxt/icon/issues/298",0.6603046,{"description":2876,"labels":2877,"number":2884,"owner":2857,"repository":2857,"state":2885,"title":2886,"updated_at":2887,"url":2888,"score":2889},"### What problem does this feature solve?\n\nI cannot find a working solution that let's me use ava or jest to run unit tests that utilize the Vue Test Utils library. Given that both Vue Test Utils and Nuxt appear to hold strong positions within the Vue community, I think it makes sense to ensure that Vue Test Utils can be utilized for both Nuxt universal and Nuxt SPAs\n\n### What does the proposed changes look like?\n\nNuxt should seamlessly let developers run tests with runners like jest or ava while using Vue-test-utils as well as modern ES features (import statements). Importing .vue SFCs from your test files would work fine, using the import statement would work fine, and utilizing Vue Test Util features like shallowMount would work fine.\n\n\u003C!--cmty-->\u003C!--cmty_prevent_hook-->\n\u003Cdiv align=\"right\">\u003Csub>\u003Cem>This feature request is available on \u003Ca href=\"https://cmty.app/nuxt\">Nuxt\u003C/a> community (\u003Ca href=\"https://cmty.app/nuxt/nuxt.js/issues/c7972\">#c7972\u003C/a>)\u003C/em>\u003C/sub>\u003C/div>",[2878,2881],{"name":2879,"color":2880},"enhancement","8DEF37",{"name":2882,"color":2883},"2.x","d4c5f9",4115,"closed","Enable Vue-Test-Utils to work with Nuxt","2023-01-22T15:50:48Z","https://github.com/nuxt/nuxt/issues/4115",0.6201731,{"labels":2891,"number":2896,"owner":2857,"repository":2857,"state":2885,"title":2897,"updated_at":2898,"url":2899,"score":2900},[2892,2895],{"name":2893,"color":2894},"pending triage","E99695",{"name":2882,"color":2883},6852,"Compatibility issue with Nuxt@2.11 and @vue/test-utils","2023-01-22T15:34:48Z","https://github.com/nuxt/nuxt/issues/6852",0.6259313,{"description":2902,"labels":2903,"number":2904,"owner":2857,"repository":2905,"state":2885,"title":2906,"updated_at":2907,"url":2908,"score":2909},"Trying to get the test-utils to work, but after adding the preset, JEST simply won't run, saying that the test utils cannot be found.\r\n\r\nThis is straight from the docs. I've tried a bunch of different versions, and simply cannot get them to work. This is required (I think) in order to get the global function calls (such as definePageMeta) to work in tests.\r\n\r\n> ● Validation Error:\r\n>\r\n> Preset @nuxt/test-utils not found.\r\n>\r\n> Configuration Documentation:\r\n> https://jestjs.io/docs/configuration.html\r\n\r\nThe test utils are installed.\r\n\r\nAny ideas?",[],280,"test-utils","Preset @nuxt/test-utils not found.","2023-12-02T00:18:11Z","https://github.com/nuxt/test-utils/issues/280",0.6330667,{"description":2911,"labels":2912,"number":2913,"owner":2857,"repository":2905,"state":2885,"title":2914,"updated_at":2915,"url":2916,"score":2863},"Example in https://test-utils.nuxtjs.org/api-reference/app-testing not working. \r\nAfter run test get error:\r\n\r\n```\r\n/firsttest.spec.js:1\r\n({\"Object.\u003Canonymous>\":function(module,exports,require,__dirname,__filename,global,jest){import { get, setupTest } from '@nuxt/test-utils';\r\n\r\nSyntaxError: Cannot use import statement outside a module\r\n```\r\nmy setup:\r\n\r\nin jest.config.js\r\n```\r\nmodule.exports = {\r\n clearMocks: true,\r\n testMatch: [\r\n '*/__tests__/**/*.[jt]s?(x)',\r\n '**/?(*.)+(spec|test).[tj]s?(x)',\r\n '**/test/(*.)+(spec|test).js'],\r\n moduleNameMapper: {\r\n '^@/(.*)$': '\u003CrootDir>/$1',\r\n '^~/(.*)$': '\u003CrootDir>/$1',\r\n },\r\n moduleFileExtensions: ['js', 'vue', 'json'],\r\n testEnvironment: 'jsdom',\r\n transform: {\r\n '^.+\\\\.js$': 'babel-jest',\r\n '.*\\\\.(vue)$': 'vue-jest',\r\n },\r\n preset: '@nuxt/test-utils',\r\n}\r\n```\r\nin package.json\r\n```\r\n{\r\n \"name\": \"\",\r\n \"version\": \"1.0.0\",\r\n \"main\": \"index.js\",\r\n \"scripts\": {\r\n \"test\": \"node_modules/.bin/jest\"\r\n },\r\n \"author\": \"\",\r\n \"license\": \"\",\r\n \"dependencies\": {\r\n \"bootstrap\": \"^4.5.3\",\r\n \"bootstrap-vue\": \"^2.20.1\",\r\n \"nuxt\": \"^2.15.2\",\r\n\r\n },\r\n \"devDependencies\": {\r\n \"@babel/plugin-transform-modules-commonjs\": \"^7.12.1\",\r\n \"@nuxt/test-utils\": \"^0.2.0\",\r\n \"@vue/test-utils\": \"^1.1.1\",\r\n \"babel-jest\": \"^26.6.3\",\r\n \"jest\": \"^26.6.3\",\r\n \"vue-jest\": \"^3.0.7\"\r\n }\r\n}\r\n\r\n```\r\n\r\n\r\n",[],267,"Example in https://test-utils.nuxtjs.org/api-reference/app-testing not working","2023-12-02T00:28:12Z","https://github.com/nuxt/test-utils/issues/267",{"description":2911,"labels":2918,"number":2856,"owner":2857,"repository":2905,"state":2885,"title":2914,"updated_at":2919,"url":2920,"score":2863},[],"2023-12-02T00:13:09Z","https://github.com/nuxt/test-utils/issues/380",{"description":2911,"labels":2922,"number":377,"owner":2857,"repository":2905,"state":2885,"title":2914,"updated_at":2923,"url":2924,"score":2863},[],"2023-12-02T00:13:13Z","https://github.com/nuxt/test-utils/issues/481",{"description":2926,"labels":2927,"number":2928,"owner":2857,"repository":2905,"state":2885,"title":2929,"updated_at":2919,"url":2930,"score":2931},"After I followed instruction to install @nuxt/test-utils, the preset is not found in jest. Here is a minimal reproduction.\r\n\r\nhttps://stackblitz.com/edit/nuxt-starter-mzh22b?file=package.json,jest.config.js,test%2Fexample.spec.js,README.md\r\n\r\npackage.json\r\n```\r\n{\r\n \"private\": true,\r\n \"scripts\": {\r\n \"build\": \"nuxt build\",\r\n \"dev\": \"HOST=0.0.0.0 nuxt dev\",\r\n \"generate\": \"nuxt generate\",\r\n \"preview\": \"nuxt preview\",\r\n \"postinstall\": \"nuxt prepare\",\r\n \"test\": \"jest\"\r\n },\r\n \"devDependencies\": {\r\n \"@nuxt/test-utils\": \"^3.4.2\",\r\n \"@types/node\": \"^18\",\r\n \"jest\": \"^28.1.3\",\r\n \"nuxt\": \"^3.4.2\"\r\n }\r\n}\r\n```\r\n\r\njest.config.js\r\n```\r\nmodule.exports = {\r\n preset: '@nuxt/test-utils',\r\n};\r\n```\r\n\r\nNot sure what happened here",[],400,"Preset @nuxt/test-utils not found with jest@28","https://github.com/nuxt/test-utils/issues/400",0.6555624,{"description":2933,"labels":2934,"number":2870,"owner":2857,"repository":2905,"state":2885,"title":2935,"updated_at":2907,"url":2936,"score":2874},"It would be really good to know why using `@nuxt/test-utils` is more beneficial than using `@vue/test-utils` in a Nuxt project. Despite the obvious point being this package is made specifically for Nuxt, `@vue/test-utils` still works perfectly well in Nuxt projects.\r\n\r\nCould we get some comparison docs (a table maybe) of what `@vue/test-utils` can't do for a Nuxt project, but `@nuxt/test-utils` can?",[],"@nuxt/test-utils vs @vue/test-utils?","https://github.com/nuxt/test-utils/issues/298",["Reactive",2938],{},["Set"],["ShallowReactive",2941],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fehpwqEUKbfLRktOpOgwa-1b6bQ0qyWYA9T76VYFDWFo":-1},"/nuxt/test-utils/327"]