diff --git a/docs/app/components/content/IconsTheme.vue b/docs/app/components/content/IconsTheme.vue
index 5a6a6945..6d89bf2a 100644
--- a/docs/app/components/content/IconsTheme.vue
+++ b/docs/app/components/content/IconsTheme.vue
@@ -1,20 +1,15 @@
 <script setup lang="ts">
 import json5 from 'json5'
-
-const appConfig = useAppConfig()
-
-const icons = computed(() => {
-  return {
-    ui: {
-      icons: appConfig.ui.icons
-    }
-  }
-})
+import icons from '../../../../src/theme/icons'
 
 const { data: ast } = await useAsyncData(`icons-theme`, async () => {
   const md = `
 \`\`\`ts [app.config.ts]
-export default defineAppConfig(${json5.stringify(icons.value, null, 2).replace(/,([ |\t\n]+[}|\])])/g, '$1')})
+export default defineAppConfig(${json5.stringify({
+    ui: {
+      icons
+    }
+  }, null, 2).replace(/,([ |\t\n]+[}|\])])/g, '$1')})
 \`\`\`\
 `