feat: increase default fetchTimeout to 1500

Author: antfu

src/runtime/components/shared.ts

@@ -24,12 +24,14 @@ export async function loadIcon(name: string, timeout: number): Promise<Required<
     })
 
   if (timeout > 0)
-    await Promise.race([load, new Promise<void>((resolve) => {
-      timeoutWarn = setTimeout(() => {
-        consola.warn(`[Icon] loading icon \`${name}\` timed out after ${timeout}ms`)
-        resolve()
-      }, timeout)
-    })])
+    await Promise.race([
+      load,
+      new Promise<void>((resolve) => {
+        timeoutWarn = setTimeout(() => {
+          consola.warn(`[Icon] loading icon \`${name}\` timed out after ${timeout}ms`)
+          resolve()
+        }, timeout)
+      })])
       .finally(() => clearTimeout(timeoutWarn))
   else
     await load

src/schema-types.ts

@@ -135,7 +135,7 @@ export interface NuxtIconRuntimeOptions {
    *
    * Set the timeout for fetching icons.
    *
-   * @default 500
+   * @default 1500
    */
   fetchTimeout: number
 

src/schema.ts

@@ -139,7 +139,7 @@ export const schema = {
     },
   },
   fetchTimeout: {
-    $default: 500,
+    $default: 1500,
     $schema: {
       title: 'Fetch Timeout',
       description: 'Set the timeout for fetching icons.',