Server runtime relies on nitro side `useAppConfig`, which is removed in Nitro v3 (Nuxt 5)

[Teages]

I am testing Nuxt 5 compatibility and found this module is using useAppConfig in nitro side. useAppConfig is removed in nitro v3, which make the api import a not exist function and crash the Nuxt 5 app.

Reproduction: https://stackblitz.com/edit/github-nzhlgyg3?file=nuxt.config.ts

Perhaps we need to consider moving some of the configuration (e.g. iconifyApiEndpoint and fallbackToApi) to nuxt.config.

Reference:

• refactor!: remove app config support nitrojs/nitro#2526
• App Config - Known Limitations (nuxt.com) "Nitro v3 will resolve these limitations by removing support for the app config."
• Apply customize globally #428
• Nuxt nightly / Nuxt4 issues #224
• @nuxt/icon server handler fails with compatibilityVersion >= 5 (ENOENT: .nuxt/imports) #467

temporary solution for nuxt 5 nightly

Apply this diff to the module if you use default value of iconifyApiEndpoint and fallbackToApi config:

diff --git a/dist/runtime/server/api.js b/dist/runtime/server/api.js
index 3685dcb9e566d70d675d6557c95106dddff1d6d2..e9c1c639764d898ee12f56bcfdcd05a2361ccc95 100644
--- a/dist/runtime/server/api.js
+++ b/dist/runtime/server/api.js
@@ -1,9 +1,9 @@
 import { getIcons } from "@iconify/utils";
 import { hash } from "ohash";
-import { createError } from "h3";
+import { defineCachedHandler } from "nitro/cache";
+import { createError } from "nitro/h3";
 import { parseQuery, parsePath } from "ufo";
 import { consola } from "consola";
-import { useAppConfig, defineCachedEventHandler } from "#imports";
 import { collections } from "#nuxt-icon-server-bundle";
 const warnOnceSet = /* @__PURE__ */ new Set();
 const DEFAULT_ENDPOINT = "https://api.iconify.design";
@@ -14,8 +14,8 @@ function getInstallCommand(pkg) {
   if (ua.startsWith("bun")) return `bun add -D ${pkg}`;
   return `npm i -D ${pkg}`;
 }
-export default defineCachedEventHandler(async (event) => {
-  const options = useAppConfig().icon;
+export default defineCachedHandler(async (event) => {
+  const options = { fallbackToApi: true };
   const collectionName = event.context.params?.collection?.replace(/\.json$/, "");
   const collection = collectionName && Object.hasOwn(collections, collectionName) ? await collections[collectionName]?.() : null;
   const apiEndPoint = options.iconifyApiEndpoint || DEFAULT_ENDPOINT;

[coderabbitai]

🔗 Related PRs

#477 - fix: detect installed collections from Nuxt rootDir/workspaceDir [closed]
#493 - fix(server): use ufo for query parsing to fix h3 v2 compatibility [closed]
#506 - feat: standalone Vite plugin and reusable utils for client icon bundling [merged]

---

📝 Issue Planner

_{Check the box below or use the @coderabbitai plan command to generate an implementation plan and prompts that you can use with your favorite coding assistant.}

• Create Plan

---

🧪 Issue enrichment is currently in open beta.

You can configure auto-planning by selecting labels in the issue_enrichment configuration.

To disable automatic issue enrichment, add the following to your .coderabbit.yaml:

issue_enrichment:
  auto_enrich:
    enabled: false

💬 Have feedback or questions? Drop into our discord!