feat(projects): iconify offline

src/main.ts

@@ -1,6 +1,6 @@
 import { createApp } from 'vue';
 import './plugins/assets';
-import { setupNProgress } from './plugins';
+import { setupNProgress, setupIconifyOffline } from './plugins';
 import { setupStore } from './store';
 import { setupRouter } from './router';
 import { setupI18n } from './locales';
@@ -9,6 +9,8 @@ import App from './App.vue';
 async function setupApp() {
   setupNProgress();
 
+  setupIconifyOffline();
+
   const app = createApp(App);
 
   setupStore(app);

src/plugins/iconify.ts

@@ -0,0 +1,14 @@
+import { addAPIProvider, disableCache } from '@iconify/vue';
+
+/**
+ * setup the iconify offline
+ */
+export function setupIconifyOffline() {
+  const { VITE_ICONIFY_URL } = import.meta.env;
+
+  if (VITE_ICONIFY_URL) {
+    addAPIProvider('', { resources: [VITE_ICONIFY_URL] });
+
+    disableCache('all');
+  }
+}

src/plugins/index.ts

@@ -1 +1,2 @@
 export * from './nprogress';
+export * from './iconify';

src/typings/env.d.ts

@@ -66,5 +66,11 @@ declare namespace Env {
      * whether to build with sourcemap
      */
     readonly VITE_SOURCE_MAP?: Common.YesOrNo;
+    /**
+     * iconify api provider url
+     * @description if the project is deployed in intranet, you can set the api provider url to the local iconify server
+     * @link https://docs.iconify.design/api/providers.html
+     */
+    readonly VITE_ICONIFY_URL?: string;
   }
 }