` in `index.vue`\n4. run `npm run generate`\n5. serve `.output/public` with `apache2`\n\n\u003Cdetails>\u003Csummary>\u003Ccode>nuxt.config.ts\u003C/code> and \u003Ccode>app/pages/index.vue\u003C/code>\u003C/summary>\n\n```\nexport default defineNuxtConfig({\n devtools: { enabled: true },\n\n modules: [\n '@nuxt/ui',\n '@nuxt/eslint'\n ],\n\n ssr: false,\n css: ['~/assets/css/main.css'],\n icon: {\n provider: 'none',\n clientBundle: {\n scan: true,\n }\n },\n\n compatibilityDate: '2025-07-16'\n})\n```\n\n```\n\u003Cscript setup>\nconst value=ref(true)\n\u003C/script>\n\u003Ctemplate>\n \u003CUCheckbox v-model=\"value\" />\n\u003C/template>\n```\n\n\u003C/details>\n\n### Description\n\n\nThe default icon for `UCheckbox` will not be [bundled for client](https://github.com/nuxt/icon?#client-bundle) when SSR is disabled.\n\nThe check icon is missing:\n\n\u003Cimg width=\"47\" height=\"52\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/3a72a4c2-3577-4de5-8dcf-89c2ed9c8879\" />\n\nand a warning message is shown in the console:\n\n> [!WARNING] \n> [Icon] failed to load icon \\`lucide:check\\`\n\nfyi, the icon will show if\n- `provider: 'server'` and `ssr: true` is set\n- `provider: 'iconify'` is set and `https://api.iconify.design/` is reachable\n- Or, the icon is explitly specified: `\u003CUCheckbox v-model=\"value\" icon=\"i-lucide-check\" />`\n",[3158,3161],{"name":3159,"color":3160},"bug","d73a4a",{"name":3162,"color":3163},"triage","ffffff",4748,"ui","Check Icon is missing when `icon.clientBundle.scan: true` and `ssr: false` is used for static build","2025-08-14T16:08:31Z","https://github.com/nuxt/ui/issues/4748",0.76084346,{"description":3171,"labels":3172,"number":1587,"owner":3140,"repository":3141,"state":3176,"title":3177,"updated_at":3178,"url":3179,"score":3180},"This error lights in my IDE (VS Code under Ubuntu) to icon.vue file from node_modules/nuxt-icon/dust/runtime.\r\nI do not know if it is precisely an error, cos' everything works fine in the nuxt app.\r\nMaybe all auto imports loaded normally from my nuxt instance...\r\n\r\npackage.json\r\n```\r\n...\r\n\"devDependencies\": {\r\n \"@nuxtjs/tailwindcss\": \"^6.1.3\",\r\n \"nuxt\": \"3.0.0\",\r\n \"nuxt-icon\": \"^0.1.8\"\r\n }\r\n...\r\n```",[3173],{"name":3174,"color":3175},"question","d876e3","closed","Cannot find module '#imports' or its corresponding type declarations.ts(2307)","2024-03-20T16:51:51Z","https://github.com/nuxt/icon/issues/31",0.46464866,{"description":3182,"labels":3183,"number":3139,"owner":3140,"repository":3185,"state":3176,"title":3186,"updated_at":3187,"url":3188,"score":3146},"Setting `baseURL: \"/base-url/\"` does not seem to work in production (works as expected in development).\n\n### Development\n```css\n@font-face {\n ...\n src: local(\"Playfair Display Variable\"), url(\"/base-url/_fonts/nuFiD-vYSZviVYUb_rj3ij__anPXDTjYgEM86xRbPQ-OBdH44Wijn.woff2\") format(woff2);\n ...\n}\n```\n\n\n\n\n### Production\n```css\n@font-face {\n ...\n src: local(\"Playfair Display Variable\"), url(/_fonts/nuFiD-vYSZviVYUb_rj3ij__anPXDTjYgEM86xRbPQ-OBdH44Wijn.woff2) format(woff2);\n ...\n}\n```\n\n\n\n### Minimal reproduction\nRepo: https://github.com/Luca-Sett/font-test\nLive URL: https://font-test-beta.vercel.app/base-url/",[3184],{"name":3159,"color":3160},"fonts","Does not respect app.baseURL in inline font-face rules in production","2024-10-23T15:05:37Z","https://github.com/nuxt/fonts/issues/341",{"description":3190,"labels":3191,"number":3192,"owner":3140,"repository":3185,"state":3176,"title":3193,"updated_at":3194,"url":3195,"score":3196},"#### Output of `npx nuxi info`:\r\n\r\n```\r\nNuxt project info: \r\n\r\n------------------------------\r\n- Operating System: Linux\r\n- Node Version: v20.14.0\r\n- Nuxt Version: 3.11.2\r\n- CLI Version: 3.11.1\r\n- Nitro Version: 2.9.6\r\n- Package Manager: pnpm@9.1.4\r\n- Builder: -\r\n- User Config: devtools, modules, fonts\r\n- Runtime Modules: @nuxt/fonts@0.7.0\r\n- Build Modules: -\r\n------------------------------\r\n```\r\n\r\n#### My custom provider in `~/providers/ComputerModernFontProvider.ts`:\r\n\r\n```ts\r\nimport { defineFontProvider } from '@nuxt/fonts/utils'\r\n\r\nexport default defineFontProvider({\r\n async resolveFontFaces (fontFamily, defaults) {\r\n if (fontFamily === 'Computer Modern') {\r\n return { \r\n fonts: [\r\n { \r\n weight: 400,\r\n style: 'normal',\r\n src: { url: '\u003Clink-to-cdn>', format: 'otf' },\r\n },\r\n { \r\n weight: 400,\r\n style: 'italic',\r\n src: { url: '\u003Clink-to-cdn>', format: 'otf' },\r\n },\r\n { \r\n weight: 700,\r\n style: 'normal',\r\n src: { url: '\u003Clink-to-cdn>', format: 'otf' },\r\n },\r\n ]\r\n }\r\n }\r\n }\r\n})\r\n```\r\n\r\n#### Picture of the Error:\r\n\r\n\r\n\r\n#### Steps & Contribution\r\n\r\nI find this super weird since `./utils` **is** already defined in the `package.json` [here](https://github.com/nuxt/fonts/blob/8a00c3b0771bbcf0cd34c9e2a854eb77b501d8ff/package.json#L17).\r\nIf someone could give me some pointers towards the solution, I'd happily create a PR.\r\nThank you in advance.\r\n",[],170,"Bug when importing `defineFontProvider`: Package subpath './utils' is not defined by \"exports\"","2024-09-23T12:06:54Z","https://github.com/nuxt/fonts/issues/170",0.7084105,{"description":3198,"labels":3199,"number":3200,"owner":3140,"repository":3141,"state":3176,"title":3201,"updated_at":3202,"url":3203,"score":3204},"I am using nuxt/icon as part of nuxt/ui (v3 alpha), and I am getting constant warnings about failing to load icons:\n```\n[Icon] failed to load icon `lucide:refresh-cw`\n```\nThis is coming up in my console 8+ times for a single page load, for example. I'm also facing an issue where upon using a new icon I've never loaded before, it won't load or appear at all, with the same warning occuring. It takes fully restarting the Nuxt app for the icon to then appear and become \"loadable\", however I am still facing this warning with the `refresh-cw` icon.\n\nI have the icon collection installed locally and it is detected upon load:\n```bash\nℹ Nuxt Icon server bundle mode is set to local 21:37:28\n✔ Nuxt Icon discovered local-installed 1 collections: lucide 21:37:31\nℹ Nuxt Icon client bundle consist of 8 icons with 1.73KB(uncompressed) in size\n```\nAnd I searched other issues, and have tried the following in my nuxt.config.ts as well to little help:\n```ts\n icon: {\n clientBundle: {\n scan: true,\n sizeLimitKb: 256\n }\n }\n```\nI feel like at this point it's a bug with nuxt/icon, or something is up with nuxt/ui that is causing these issues. Hoping for some help with this or to get it fixed if it is a bug.",[],339,"Constant \"failed to load icon\" warnings even with locally installed collection","2025-02-28T06:56:28Z","https://github.com/nuxt/icon/issues/339",0.71869624,{"description":3206,"labels":3207,"number":3211,"owner":3140,"repository":3140,"state":3176,"title":3212,"updated_at":3213,"url":3214,"score":3215},"### Environment\n\n------------------------------\r\n- Operating System: Darwin\r\n- Node Version: v20.15.1\r\n- Nuxt Version: 3.12.4\r\n- CLI Version: 3.12.0\r\n- Nitro Version: -\r\n- Package Manager: pnpm@9.5.0\r\n- Builder: -\r\n- User Config: compatibilityDate, devtools, modules, studio\r\n- Runtime Modules: @nuxt/ui@2.17.0, @nuxt/eslint@0.3.13, @nuxt/image@1.7.0, @nuxthub/core@0.7.1, @nuxt/content@2.13.2, @nuxthq/studio@2.0.3\r\n- Build Modules: -\r\n------------------------------\n\n### Reproduction\n\n``` nuxt.schema.ts\r\nimport { field, group } from \"@nuxthq/studio/theme\";\r\n\r\nexport default defineNuxtSchema({\r\n appConfig: {\r\n ui: group({\r\n title: \"UI Configuration\",\r\n description: \"Configure the UI elements of your site.\",\r\n icon: \"i-mdi-palette\",\r\n fields: {\r\n logo: field({\r\n type: \"media\",\r\n title: \"Logo\",\r\n description: \"The main logo for your website.\",\r\n icon: \"i-mdi-image\",\r\n }),\r\n primaryColor: field({\r\n type: \"string\",\r\n title: \"Primary Color\",\r\n description: \"The primary color for your website's theme.\",\r\n icon: \"i-mdi-palette\",\r\n default: \"#3B82F6\",\r\n }),\r\n backgroundColor: field({\r\n type: \"string\",\r\n title: \"Background Color\",\r\n description: \"The base/background color for your website.\",\r\n icon: \"i-mdi-format-color-fill\",\r\n default: \"#FFFFFF\",\r\n }),\r\n },\r\n }),\r\n seo: group({\r\n title: \"SEO\",\r\n description: \"SEO Configuration.\",\r\n icon: \"i-ph-app-window\",\r\n fields: {\r\n siteName: field({\r\n type: \"string\",\r\n title: \"Site Name\",\r\n description:\r\n \"Name used in ogSiteName and used as second part of your page title.\",\r\n icon: \"i-mdi-web\",\r\n }),\r\n siteDescription: field({\r\n type: \"string\",\r\n title: \"Site Description\",\r\n icon: \"i-ph-book-open-text\",\r\n description:\r\n \"Used to generate social media and search engine descriptions for root pages.\",\r\n }),\r\n siteUrl: field({\r\n type: \"string\",\r\n title: \"Site URL\",\r\n description:\r\n \"The full URL of your website (e.g., https://www.example.com).\",\r\n icon: \"i-mdi-web\",\r\n }),\r\n favicon: field({\r\n type: \"media\",\r\n title: \"Favicon\",\r\n description:\r\n \"The favicon for your website (typically a 32x32 pixel image).\",\r\n icon: \"i-mdi-image\",\r\n }),\r\n ogImage: field({\r\n type: \"media\",\r\n title: \"Default Open Graph Image\",\r\n description:\r\n \"The default image to use for Open Graph tags when no specific image is set.\",\r\n icon: \"i-mdi-image\",\r\n }),\r\n twitterHandle: field({\r\n type: \"string\",\r\n title: \"Twitter Handle\",\r\n description: \"Your Twitter username (without the @ symbol).\",\r\n icon: \"i-mdi-twitter\",\r\n }),\r\n facebookAppId: field({\r\n type: \"string\",\r\n title: \"Facebook App ID\",\r\n description:\r\n \"Your Facebook App ID for improved Open Graph integration.\",\r\n icon: \"i-mdi-facebook\",\r\n }),\r\n googleSiteVerification: field({\r\n type: \"string\",\r\n title: \"Google Site Verification\",\r\n description: \"The Google Search Console verification code.\",\r\n icon: \"i-mdi-google\",\r\n }),\r\n },\r\n }),\r\n navigation: group({\r\n title: \"Navigation\",\r\n description: \"Configure the main navigation of your site.\",\r\n icon: \"i-mdi-menu\",\r\n fields: {\r\n items: field({\r\n type: \"array\",\r\n title: \"Navigation Items\",\r\n description: \"Define the main navigation links for your site.\",\r\n items: {\r\n type: \"object\",\r\n properties: {\r\n label: field({\r\n type: \"string\",\r\n title: \"Label\",\r\n description: \"The text to display for this navigation item.\",\r\n }),\r\n to: field({\r\n type: \"string\",\r\n title: \"Route\",\r\n description:\r\n \"The route path for this navigation item (e.g., /about, /contact).\",\r\n }),\r\n icon: field({\r\n type: \"string\",\r\n title: \"Icon\",\r\n description:\r\n \"Optional icon class for the navigation item (e.g., i-mdi-home).\",\r\n }),\r\n children: field({\r\n type: \"array\",\r\n title: \"Submenus\",\r\n description: \"Optional submenu items for dropdown navigation.\",\r\n items: {\r\n type: \"object\",\r\n properties: {\r\n label: field({\r\n type: \"string\",\r\n title: \"Submenu Label\",\r\n description: \"The text to display for this submenu item.\",\r\n }),\r\n to: field({\r\n type: \"string\",\r\n title: \"Submenu Route\",\r\n description: \"The route path for this submenu item.\",\r\n }),\r\n },\r\n },\r\n }),\r\n },\r\n },\r\n default: [\r\n { label: \"Home\", to: \"/\", icon: \"i-mdi-home\" },\r\n { label: \"About\", to: \"/about\", icon: \"i-mdi-information\" },\r\n { label: \"Contact\", to: \"/contact\", icon: \"i-mdi-email\" },\r\n ],\r\n }),\r\n },\r\n }),\r\n },\r\n});\r\n```\n\n### Describe the bug\n\nI would like to be able to open up the SEO and logo for the user to alter themselves, the studio deployment is displaying the correct data fields and I'm able to edit them without issue, however I can't figure out how to access the data inside of the app? The docs don't explain how to do so and I tried `const config = useAppConfig()` however this only displays the standard locally defined app configuration and no data from the studio deployment.\n\n### Additional context\n\n_No response_\n\n### Logs\n\n_No response_",[3208],{"name":3209,"color":3210},"pending triage","E99695",28284,"Can't seem to access studio configuration data in application","2024-07-24T08:43:08Z","https://github.com/nuxt/nuxt/issues/28284",0.7405183,{"description":3217,"labels":3218,"number":3219,"owner":3140,"repository":3185,"state":3176,"title":3220,"updated_at":3221,"url":3222,"score":3223},"`@nuxt/font` is fetching CSS files from Adobe Typekit. However, for fonts with East Asian languages, it is unable to fetch the CSS extensions.\r\n\r\nhttps://github.com/nuxt/fonts/blob/22ae0b124095a8381971d1bf531ceff3eed53024/src/providers/adobe.ts#L109\r\n\r\nBelow is the difference in the Adobe fonts screen:\r\n\r\nInter Variable ( css file include )\r\n\r\n\r\nPretendard ( javascript file include )\r\n\r\n\r\nEast Asian characters (especially CJK) seem to have a large size, so Adobe can't import the entire font by default or all characters. \r\n\r\n\r\n\r\nIf you look at the actual API being called, you'll see that East Asian languages don't come with css files.\r\n - [dpj7fny.js](https://use.typekit.net/dpj7fny.js) - a js file is output\r\n - [dpj7fny.css](https://use.typekit.net/dpj7fny.css) - 412 precondition failed\r\n\r\nCan you add support for these areas? \r\nIf not, you can update the documentation to avoid confusing Asian users.\r\n\r\nIn the logs, it looks like this, making it difficult to determine the cause.\r\n\r\n\r\n\r\nReference:\r\n1. Adobe fonts docs: https://helpx.adobe.com/kr/fonts/using/dynamic-subsetting.html\r\n2. Test font (Pretendard): https://fonts.adobe.com/fonts/pretendard\r\n\r\n",[],105,"Adobe font provider does not support dynamic subset","2024-04-01T14:38:00Z","https://github.com/nuxt/fonts/issues/105",0.7515851,{"description":3225,"labels":3226,"number":3231,"owner":3140,"repository":3165,"state":3176,"title":3232,"updated_at":3233,"url":3234,"score":3235},"### Environment\n\n------------------------------\n- Operating System: Windows_NT\n- Node Version: v18.20.5\n- Nuxt Version: 3.14.1592\n- CLI Version: 3.15.0\n- Nitro Version: 2.10.4\n- Package Manager: npm@10.8.2\n- Builder: -\n- User Config: default\n- Runtime Modules: nuxt-vuefire@1.0.4, @nuxt/ui@3.0.0-alpha.9\n- Build Modules: -\n------------------------------\n\n\n### Is this bug related to Nuxt or Vue?\n\nNuxt\n\n### Version\n\n^3.0.0-alpha.9\n\n### Reproduction\n\nhttps://ui3.nuxt.dev/components/modal#programmatic-usage\n\n### Description\n\nModal opened using `useModal` are not reseting its state after close\n\n### Additional context\n\n_No response_\n\n### Logs\n\n```shell-script\n\n```",[3227,3228],{"name":3159,"color":3160},{"name":3229,"color":3230},"v3","49DCB8",2777,"[v3][UModal] Modal programatically opened using `useModal` are not reseting its state after close","2025-02-27T16:32:50Z","https://github.com/nuxt/ui/issues/2777",0.7518248,["Reactive",3237],{},["Set"],["ShallowReactive",3240],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fL425qInIR2t2hXeMkws2SvlEjtuM9gAzR5rQ3Q7o3iY":-1},"/nuxt/scripts/31"]