diff --git a/app/app.config.ts b/app/app.config.ts
index a73b448..875fcf6 100644
--- a/app/app.config.ts
+++ b/app/app.config.ts
@@ -299,12 +299,12 @@ export default defineAppConfig({
       title: 'Community',
       edit: 'https://github.com/nuxt-ui-pro/docs/edit/main/content',
       links: [{
-        icon: 'i-lucide-star',
+        icon: 'lucide-star',
         label: 'GitHub',
         to: 'https://github.com/estel-li',
         target: '_blank'
       }, {
-        icon: 'i-lucide-home',
+        icon: 'lucide-home',
         label: '稷维科技',
         to: 'https://www.xajiwei.com',
         target: '_blank'
diff --git a/app/components/ContentDirectory.vue b/app/components/ContentDirectory.vue
index 996078f..42894a5 100644
--- a/app/components/ContentDirectory.vue
+++ b/app/components/ContentDirectory.vue
@@ -25,7 +25,7 @@ const directoryNavigation = computed(() => {
       return {
         title: item.title,
         path: item.path,
-        icon: (item.icon as string) || 'i-lucide-file-text',
+        icon: (item.icon as string) || 'lucide-file-text',
         active: Boolean(item.active)
       }
     }
@@ -34,7 +34,7 @@ const directoryNavigation = computed(() => {
     return {
       title: item.title,
       path: item.path,
-      icon: (item.icon as string) || 'i-lucide-folder',
+      icon: (item.icon as string) || 'lucide-folder',
       active: Boolean(item.active),
       // 不包含 children，这样就不会展开显示子项
       children: []
diff --git a/app/components/IndexCard.vue b/app/components/IndexCard.vue
index a148a29..8524d03 100644
--- a/app/components/IndexCard.vue
+++ b/app/components/IndexCard.vue
@@ -36,10 +36,10 @@
                          border-b border-gray-200 dark:border-gray-700 pt-2">
                          
                         <div class="flex items-center flex-1 min-w-0 pl-1 ">
-                            <UIcon :name="(typeof child.icon === 'string' ? child.icon : 'i-lucide-file-text')" class="mr-2 text-gray-400" size="14" />
+                            <UIcon :name="(typeof child.icon === 'string' ? child.icon : 'lucide-file-text')" class="mr-2 text-gray-400" size="14" />
                             <span class="text-base font-medium font-sans">{{ child.title }}</span>
                         </div>
-                        <UIcon name="i-lucide-chevron-right" class="text-gray-400 flex-shrink-0 ml-2" size="16" />
+                        <UIcon name="lucide-chevron-right" class="text-gray-400 flex-shrink-0 ml-2" size="16" />
                     </div>
                 </div>
             </div>
@@ -60,7 +60,7 @@ const firstLevelItems = computed(() => {
         .map(item => ({
             ...item,
             description: item.description,
-            icon: item.icon || 'i-lucide-book-open'
+            icon: item.icon || 'lucide-book-open'
         }));
 });
 
diff --git a/app/components/TemplateMenu.vue b/app/components/TemplateMenu.vue
index 6393736..a8a3f0b 100644
--- a/app/components/TemplateMenu.vue
+++ b/app/components/TemplateMenu.vue
@@ -30,7 +30,7 @@
     <UButton
       label="Docs"
       variant="subtle"
-      trailing-icon="i-lucide-chevron-down"
+      trailing-icon="lucide-chevron-down"
       size="xs"
       class="-mb-[6px] font-semibold rounded-full truncate"
       :class="[open && 'bg-primary/15']"
diff --git a/app/components/ThemeSettings.vue b/app/components/ThemeSettings.vue
index d40e9ad..f100de4 100644
--- a/app/components/ThemeSettings.vue
+++ b/app/components/ThemeSettings.vue
@@ -19,7 +19,7 @@
           <UButton
             color="neutral"
             variant="ghost"
-            icon="i-lucide-x"
+            icon="lucide-x"
             square
             @click="$emit('close')"
           />
diff --git a/app/components/auth/login.vue b/app/components/auth/login.vue
index 10b8767..386112d 100644
--- a/app/components/auth/login.vue
+++ b/app/components/auth/login.vue
@@ -33,11 +33,11 @@ const fields = ref([
     class="max-w-md"
     title="登录"
     description="使用社交账号或邮箱登录"
-    icon="i-lucide-user"
+    icon="lucide-user"
     :fields="fields"
     :providers="providers"
     :separator="{
-      icon: 'i-lucide-user'
+      icon: 'lucide-user'
     }"
   />
 </template>
diff --git a/app/components/auth/register.vue b/app/components/auth/register.vue
index d4ff518..78e8aac 100644
--- a/app/components/auth/register.vue
+++ b/app/components/auth/register.vue
@@ -32,11 +32,11 @@ const fields = ref([
     class="max-w-md"
     title="Login"
     description="Enter your credentials to access your account."
-    icon="i-lucide-user"
+    icon="lucide-user"
     :fields="fields"
     :providers="providers"
     :separator="{
-      icon: 'i-lucide-user'
+      icon: 'lucide-user'
     }"
   />
 </template>
diff --git a/app/components/content/FileTree.vue b/app/components/content/FileTree.vue
index 880f34c..0afb62d 100644
--- a/app/components/content/FileTree.vue
+++ b/app/components/content/FileTree.vue
@@ -36,7 +36,7 @@
                 <div class="flex items-center" :style="{ marginLeft: '0px' }">
                   <Icon 
                     v-if="showIcon"
-                    :name="item.icon || 'i-lucide-file'"
+                    :name="item.icon || 'lucide-file'"
                     class="mr-2 text-gray-500 w-4 h-4"
                     :class="{
                       'text-green-500': item.icon?.includes('vue'),
@@ -101,12 +101,12 @@ const defaultIcons = {
   js: 'i-simple-icons-javascript',
   md: 'i-simple-icons-markdown',
   json: 'i-simple-icons-json',
-  folder: 'i-lucide-folder',
-  file: 'i-lucide-file'
+  folder: 'lucide-folder',
+  file: 'lucide-file'
 };
 
 function getIcon(filename: string, type: 'folder' | 'file'): string {
-  if (filename === '...') return 'i-lucide-more-horizontal';
+  if (filename === '...') return 'lucide-more-horizontal';
   if (filename.endsWith('/')) return defaultIcons.folder;
 
   const parts = filename.split('.');
diff --git a/app/components/content/FileTreeItem.vue b/app/components/content/FileTreeItem.vue
index ba1330d..7b6cf42 100644
--- a/app/components/content/FileTreeItem.vue
+++ b/app/components/content/FileTreeItem.vue
@@ -14,7 +14,7 @@
         <!-- 箭头（仅文件夹且有子项时显示） -->
         <Icon 
           v-if="showArrow && item.isFolder && item.children && item.children.length > 0"
-          :name="isExpanded ? 'i-lucide-chevron-down' : 'i-lucide-chevron-right'"
+          :name="isExpanded ? 'lucide-chevron-down' : 'lucide-chevron-right'"
           class="mr-1 text-gray-400 w-4 h-4 transition-transform"
           :class="{ 'rotate-90': isExpanded }"
         />
@@ -23,7 +23,7 @@
         <!-- 图标 -->
         <Icon 
           v-if="showIcon"
-          :name="item.icon || 'i-lucide-file'"
+          :name="item.icon || 'lucide-file'"
           class="mr-2 text-gray-500 w-4 h-4"
           :class="{
             'text-green-500': item.icon?.includes('vue'),
diff --git a/app/components/docs/DocsAsideLeftTop.vue b/app/components/docs/DocsAsideLeftTop.vue
index ad63f9c..ca45420 100644
--- a/app/components/docs/DocsAsideLeftTop.vue
+++ b/app/components/docs/DocsAsideLeftTop.vue
@@ -5,27 +5,27 @@ const items = ref<NavigationMenuItem[][]>([
   [
     {
       label: 'Guide',
-      icon: 'i-lucide-book-open',
+      icon: 'lucide-book-open',
     },
     {
       label: 'Composables',
-      icon: 'i-lucide-database',
+      icon: 'lucide-database',
       children: [
         {
           label: 'defineShortcuts',
-          icon: 'i-lucide-file-text',
+          icon: 'lucide-file-text',
           description: 'Define shortcuts for your application.',
           to: '/composables/define-shortcuts'
         },
         {
           label: 'useOverlay',
-          icon: 'i-lucide-file-text',
+          icon: 'lucide-file-text',
           description: 'Display a modal/slideover within your application.',
           to: '/composables/use-overlay'
         },
         {
           label: 'useToast',
-          icon: 'i-lucide-file-text',
+          icon: 'lucide-file-text',
           description: 'Display a toast within your application.',
           to: '/composables/use-toast'
         }
@@ -33,42 +33,42 @@ const items = ref<NavigationMenuItem[][]>([
     },
     {
       label: 'Components',
-      icon: 'i-lucide-box',
+      icon: 'lucide-box',
       to: '/components',
       children: [
         {
           label: 'Link',
-          icon: 'i-lucide-file-text',
+          icon: 'lucide-file-text',
           description: 'Use NuxtLink with superpowers.',
           to: '/components/link'
         },
         {
           label: 'Modal',
-          icon: 'i-lucide-file-text',
+          icon: 'lucide-file-text',
           description: 'Display a modal within your application.',
           to: '/components/modal'
         },
         {
           label: 'NavigationMenu',
-          icon: 'i-lucide-file-text',
+          icon: 'lucide-file-text',
           description: 'Display a list of links.',
           to: '/components/navigation-menu'
         },
         {
           label: 'Pagination',
-          icon: 'i-lucide-file-text',
+          icon: 'lucide-file-text',
           description: 'Display a list of pages.',
           to: '/components/pagination'
         },
         {
           label: 'Popover',
-          icon: 'i-lucide-file-text',
+          icon: 'lucide-file-text',
           description: 'Display a non-modal dialog that floats around a trigger element.',
           to: '/components/popover'
         },
         {
           label: 'Progress',
-          icon: 'i-lucide-file-text',
+          icon: 'lucide-file-text',
           description: 'Show a horizontal bar to indicate task progression.',
           to: '/components/progress'
         }
@@ -85,7 +85,7 @@ const items = ref<NavigationMenuItem[][]>([
   //   },
   //   {
   //     label: 'Help',
-  //     icon: 'i-lucide-circle-help',
+  //     icon: 'lucide-circle-help',
   //     badge: '3.8k',
   //     disabled: true
   //   }
diff --git a/app/components/docs/DocsPageHeaderLinks.vue b/app/components/docs/DocsPageHeaderLinks.vue
index d6c2e6f..ce4466a 100644
--- a/app/components/docs/DocsPageHeaderLinks.vue
+++ b/app/components/docs/DocsPageHeaderLinks.vue
@@ -10,13 +10,13 @@ const markdownLink = computed(() => `${window?.location?.origin}/raw${route.path
 const items = [
   {
     label: 'Copy Markdown link',
-    icon: 'i-lucide-link',
+    icon: 'lucide-link',
     onSelect() {
       copy(markdownLink.value)
 
       toast.add({
         title: 'Markdown link copied to clipboard',
-        icon: 'i-lucide-check-circle',
+        icon: 'lucide-check-circle',
         color: 'success',
       })
     },
@@ -46,7 +46,7 @@ const items = [
   <UButtonGroup size="sm">
     <UButton
       label="Copy page"
-      :icon="copied ? 'i-lucide-copy-check' : 'i-lucide-copy'"
+      :icon="copied ? 'lucide-copy-check' : 'lucide-copy'"
       color="neutral"
       variant="outline"
       :ui="{
@@ -68,7 +68,7 @@ const items = [
       }"
     >
       <UButton
-        icon="i-lucide-chevron-down"
+        icon="lucide-chevron-down"
         color="neutral"
         variant="outline"
       />
diff --git a/app/error.vue b/app/error.vue
index 966f659..0de777a 100644
--- a/app/error.vue
+++ b/app/error.vue
@@ -42,7 +42,7 @@ provide("navigation", navigation);
       :error="error"
       :clear="{
         size: 'xl',
-        icon: 'i-lucide-arrow-left',
+        icon: 'lucide-arrow-left',
         class: 'rounded-full',
       }"
       redirect="/"
diff --git a/app/pages/[...slug].vue b/app/pages/[...slug].vue
index 6b64f78..7bda30e 100644
--- a/app/pages/[...slug].vue
+++ b/app/pages/[...slug].vue
@@ -105,7 +105,7 @@ const links = computed(() => {
   const links = []
   if (appConfig.toc?.bottom?.edit) {
     links.push({
-      icon: 'i-lucide-external-link',
+      icon: 'lucide-external-link',
       label: '编辑页面',
       to: `${appConfig.toc.bottom.edit}/${page?.value?.stem}.${page?.value?.extension}`,
       target: '_blank'
@@ -133,13 +133,13 @@ const links = computed(() => {
 
       <USeparator>
         <div v-if="editLink" class="flex items-center gap-2 text-sm text-muted">
-          <UButton variant="link" color="neutral" :to="editLink" target="_blank" icon="i-lucide-pen"
+          <UButton variant="link" color="neutral" :to="editLink" target="_blank" icon="lucide-pen"
             :ui="{ leadingIcon: 'size-4' }">
             编辑页面
           </UButton>
           or
           <UButton variant="link" color="neutral" :to="`${appConfig.github.url}/issues/new/choose`" target="_blank"
-            icon="i-lucide-alert-circle" :ui="{ leadingIcon: 'size-4' }">
+            icon="lucide-alert-circle" :ui="{ leadingIcon: 'size-4' }">
             提交问题
           </UButton>
         </div>
diff --git a/content/1.简单文档/.navigation.yml b/content/1.简单文档/.navigation.yml
index 9eef121..0c88000 100644
--- a/content/1.简单文档/.navigation.yml
+++ b/content/1.简单文档/.navigation.yml
@@ -1,3 +1,3 @@
 title: 简单文档
 description: 一个简约但功能强大的开源文档系统
-icon: i-lucide-rocket
+icon: lucide-rocket
diff --git a/content/1.简单文档/1.index.md b/content/1.简单文档/1.index.md
index 7b83e6c..bb363e1 100644
--- a/content/1.简单文档/1.index.md
+++ b/content/1.简单文档/1.index.md
@@ -2,7 +2,7 @@
 title: 入门指南
 description: 欢迎使用简单文档
 navigation:
-  icon: i-lucide-house
+  icon: lucide-house
 ---
 
 
diff --git a/content/1.简单文档/2.installation.md b/content/1.简单文档/2.installation.md
index 147b972..caf4208 100644
--- a/content/1.简单文档/2.installation.md
+++ b/content/1.简单文档/2.installation.md
@@ -2,7 +2,7 @@
 title: Installation
 description: Get started with Nuxt UI Pro documentation template.
 navigation:
-  icon: i-lucide-download
+  icon: lucide-download
 ---
 
 ::tip{target="_blank" to="https://content.nuxt.com/templates/docs"}
diff --git a/content/1.简单文档/3.usage.md b/content/1.简单文档/3.usage.md
index df97520..78bf0c2 100644
--- a/content/1.简单文档/3.usage.md
+++ b/content/1.简单文档/3.usage.md
@@ -2,7 +2,7 @@
 title: 进行测试
 description: Learn how to write and customize your documentation.
 navigation:
-  icon: i-lucide-sliders
+  icon: lucide-sliders
 ---
 
 ::playground
diff --git a/content/2.essentials/.navigation.yml b/content/2.essentials/.navigation.yml
index 3b0ec7a..a333bfe 100644
--- a/content/2.essentials/.navigation.yml
+++ b/content/2.essentials/.navigation.yml
@@ -1,2 +1,2 @@
 title: Essentials
-icon: i-lucide-book-open
\ No newline at end of file
+icon: lucide-book-open
\ No newline at end of file
diff --git a/content/2.essentials/1.index copy 2.md b/content/2.essentials/1.index copy 2.md
index f1aec01..e1ba8a0 100644
--- a/content/2.essentials/1.index copy 2.md	
+++ b/content/2.essentials/1.index copy 2.md	
@@ -2,7 +2,7 @@
 title: Markdown Syntax
 description: Text, title, and styling in standard markdown.
 navigation:
-  icon: i-lucide-heading-1
+  icon: lucide-heading-1
 ---
 
 ## Titles
diff --git a/content/2.essentials/1.index copy 3.md b/content/2.essentials/1.index copy 3.md
index f1aec01..e1ba8a0 100644
--- a/content/2.essentials/1.index copy 3.md	
+++ b/content/2.essentials/1.index copy 3.md	
@@ -2,7 +2,7 @@
 title: Markdown Syntax
 description: Text, title, and styling in standard markdown.
 navigation:
-  icon: i-lucide-heading-1
+  icon: lucide-heading-1
 ---
 
 ## Titles
diff --git a/content/2.essentials/1.index copy.md b/content/2.essentials/1.index copy.md
index f1aec01..e1ba8a0 100644
--- a/content/2.essentials/1.index copy.md	
+++ b/content/2.essentials/1.index copy.md	
@@ -2,7 +2,7 @@
 title: Markdown Syntax
 description: Text, title, and styling in standard markdown.
 navigation:
-  icon: i-lucide-heading-1
+  icon: lucide-heading-1
 ---
 
 ## Titles
diff --git a/content/2.essentials/1.index.md b/content/2.essentials/1.index.md
index f1aec01..e1ba8a0 100644
--- a/content/2.essentials/1.index.md
+++ b/content/2.essentials/1.index.md
@@ -2,7 +2,7 @@
 title: Markdown Syntax
 description: Text, title, and styling in standard markdown.
 navigation:
-  icon: i-lucide-heading-1
+  icon: lucide-heading-1
 ---
 
 ## Titles
diff --git a/content/2.essentials/2.code-blocks copy 2.md b/content/2.essentials/2.code-blocks copy 2.md
index 79a604d..08353d5 100644
--- a/content/2.essentials/2.code-blocks copy 2.md	
+++ b/content/2.essentials/2.code-blocks copy 2.md	
@@ -2,7 +2,7 @@
 title: Code Blocks
 description: Display inline code and code blocks
 navigation:
-  icon: i-lucide-code-xml
+  icon: lucide-code-xml
 ---
 
 ## Basic
@@ -95,8 +95,8 @@ You can change the icon in your `app.config.ts` through the `ui.icons.copy` and
 export default defineAppConfig({
   ui: {
     icons: {
-      copy: 'i-lucide-copy',
-      copyCheck: 'i-lucide-copy-check'
+      copy: 'lucide-copy',
+      copyCheck: 'lucide-copy-check'
     }
   }
 })
@@ -116,8 +116,8 @@ class: "[&>div]:*:my-0 [&>div]:*:w-full"
 export default defineAppConfig({
   ui: {
     icons: {
-      copy: 'i-lucide-copy',
-      copyCheck: 'i-lucide-copy-check'
+      copy: 'lucide-copy',
+      copyCheck: 'lucide-copy-check'
     }
   }
 })
@@ -129,8 +129,8 @@ export default defineAppConfig({
 export default defineAppConfig({
   ui: {
     icons: {
-      copy: 'i-lucide-copy',
-      copyCheck: 'i-lucide-copy-check'
+      copy: 'lucide-copy',
+      copyCheck: 'lucide-copy-check'
     }
   }
 })
diff --git a/content/2.essentials/2.code-blocks copy 3.md b/content/2.essentials/2.code-blocks copy 3.md
index 79a604d..08353d5 100644
--- a/content/2.essentials/2.code-blocks copy 3.md	
+++ b/content/2.essentials/2.code-blocks copy 3.md	
@@ -2,7 +2,7 @@
 title: Code Blocks
 description: Display inline code and code blocks
 navigation:
-  icon: i-lucide-code-xml
+  icon: lucide-code-xml
 ---
 
 ## Basic
@@ -95,8 +95,8 @@ You can change the icon in your `app.config.ts` through the `ui.icons.copy` and
 export default defineAppConfig({
   ui: {
     icons: {
-      copy: 'i-lucide-copy',
-      copyCheck: 'i-lucide-copy-check'
+      copy: 'lucide-copy',
+      copyCheck: 'lucide-copy-check'
     }
   }
 })
@@ -116,8 +116,8 @@ class: "[&>div]:*:my-0 [&>div]:*:w-full"
 export default defineAppConfig({
   ui: {
     icons: {
-      copy: 'i-lucide-copy',
-      copyCheck: 'i-lucide-copy-check'
+      copy: 'lucide-copy',
+      copyCheck: 'lucide-copy-check'
     }
   }
 })
@@ -129,8 +129,8 @@ export default defineAppConfig({
 export default defineAppConfig({
   ui: {
     icons: {
-      copy: 'i-lucide-copy',
-      copyCheck: 'i-lucide-copy-check'
+      copy: 'lucide-copy',
+      copyCheck: 'lucide-copy-check'
     }
   }
 })
diff --git a/content/2.essentials/2.code-blocks copy.md b/content/2.essentials/2.code-blocks copy.md
index 79a604d..08353d5 100644
--- a/content/2.essentials/2.code-blocks copy.md	
+++ b/content/2.essentials/2.code-blocks copy.md	
@@ -2,7 +2,7 @@
 title: Code Blocks
 description: Display inline code and code blocks
 navigation:
-  icon: i-lucide-code-xml
+  icon: lucide-code-xml
 ---
 
 ## Basic
@@ -95,8 +95,8 @@ You can change the icon in your `app.config.ts` through the `ui.icons.copy` and
 export default defineAppConfig({
   ui: {
     icons: {
-      copy: 'i-lucide-copy',
-      copyCheck: 'i-lucide-copy-check'
+      copy: 'lucide-copy',
+      copyCheck: 'lucide-copy-check'
     }
   }
 })
@@ -116,8 +116,8 @@ class: "[&>div]:*:my-0 [&>div]:*:w-full"
 export default defineAppConfig({
   ui: {
     icons: {
-      copy: 'i-lucide-copy',
-      copyCheck: 'i-lucide-copy-check'
+      copy: 'lucide-copy',
+      copyCheck: 'lucide-copy-check'
     }
   }
 })
@@ -129,8 +129,8 @@ export default defineAppConfig({
 export default defineAppConfig({
   ui: {
     icons: {
-      copy: 'i-lucide-copy',
-      copyCheck: 'i-lucide-copy-check'
+      copy: 'lucide-copy',
+      copyCheck: 'lucide-copy-check'
     }
   }
 })
diff --git a/content/2.essentials/2.code-blocks.md b/content/2.essentials/2.code-blocks.md
index 79a604d..08353d5 100644
--- a/content/2.essentials/2.code-blocks.md
+++ b/content/2.essentials/2.code-blocks.md
@@ -2,7 +2,7 @@
 title: Code Blocks
 description: Display inline code and code blocks
 navigation:
-  icon: i-lucide-code-xml
+  icon: lucide-code-xml
 ---
 
 ## Basic
@@ -95,8 +95,8 @@ You can change the icon in your `app.config.ts` through the `ui.icons.copy` and
 export default defineAppConfig({
   ui: {
     icons: {
-      copy: 'i-lucide-copy',
-      copyCheck: 'i-lucide-copy-check'
+      copy: 'lucide-copy',
+      copyCheck: 'lucide-copy-check'
     }
   }
 })
@@ -116,8 +116,8 @@ class: "[&>div]:*:my-0 [&>div]:*:w-full"
 export default defineAppConfig({
   ui: {
     icons: {
-      copy: 'i-lucide-copy',
-      copyCheck: 'i-lucide-copy-check'
+      copy: 'lucide-copy',
+      copyCheck: 'lucide-copy-check'
     }
   }
 })
@@ -129,8 +129,8 @@ export default defineAppConfig({
 export default defineAppConfig({
   ui: {
     icons: {
-      copy: 'i-lucide-copy',
-      copyCheck: 'i-lucide-copy-check'
+      copy: 'lucide-copy',
+      copyCheck: 'lucide-copy-check'
     }
   }
 })
diff --git a/content/2.essentials/3.prose-components copy 2.md b/content/2.essentials/3.prose-components copy 2.md
index 20fddb5..472f4e4 100644
--- a/content/2.essentials/3.prose-components copy 2.md	
+++ b/content/2.essentials/3.prose-components copy 2.md	
@@ -2,7 +2,7 @@
 title: Prose Components
 description: Components to help you structure your content.
 navigation:
-  icon: i-lucide-component
+  icon: lucide-component
 ---
 
 ### Accordion
@@ -16,7 +16,7 @@ class: "[&>div]:*:my-0"
   :::accordion
     ::::accordion-item
     ---
-    icon: i-lucide-circle-help
+    icon: lucide-circle-help
     label: What are the main considerations when upgrading to Nuxt UI v3?
     ---
     The transition to v3 involves significant changes, including new component structures, updated theming approaches, and revised TypeScript definitions. We recommend a careful, incremental upgrade process, starting with thorough testing in a development environment.
@@ -24,13 +24,13 @@ class: "[&>div]:*:my-0"
   
     ::::accordion-item
     ---
-    icon: i-lucide-circle-help
+    icon: lucide-circle-help
     label: Is Nuxt UI v3 compatible with standalone Vue projects?
     ---
     Nuxt UI is now compatible with Vue! You can follow the [installation guide](/getting-started/installation) to get started.
     ::::
   
-    ::::accordion-item{icon="i-lucide-circle-help" label="What about Nuxt UI Pro?"}
+    ::::accordion-item{icon="lucide-circle-help" label="What about Nuxt UI Pro?"}
     We've also rebuilt Nuxt UI Pro from scratch and released a `v3.0.0-alpha.x` package but it only contains the components to build this documentation yet. This will be a free update, so the license you buy now will be valid for v3. We're actively working to finish the rewrite of all Nuxt UI Pro components.
     ::::
   :::
@@ -39,15 +39,15 @@ class: "[&>div]:*:my-0"
 ```mdc
 ::accordion
 
-:::accordion-item{label="What are the main considerations when upgrading to Nuxt UI v3?" icon="i-lucide-circle-help"}
+:::accordion-item{label="What are the main considerations when upgrading to Nuxt UI v3?" icon="lucide-circle-help"}
 The transition to v3 involves significant changes, including new component structures, updated theming approaches, and revised TypeScript definitions. We recommend a careful, incremental upgrade process, starting with thorough testing in a development environment.
 :::
 
-:::accordion-item{label="Is Nuxt UI v3 compatible with standalone Vue projects?" icon="i-lucide-circle-help"}
+:::accordion-item{label="Is Nuxt UI v3 compatible with standalone Vue projects?" icon="lucide-circle-help"}
 Nuxt UI is now compatible with Vue! You can follow the [installation guide](/getting-started/installation) to get started.
 :::
 
-:::accordion-item{label="What about Nuxt UI Pro?" icon="i-lucide-circle-help"}
+:::accordion-item{label="What about Nuxt UI Pro?" icon="lucide-circle-help"}
 We've also rebuilt Nuxt UI Pro from scratch and released a `v3.0.0-alpha.x` package but it only contains the components to build this documentation yet. This will be a free update, so the license you buy now will be valid for v3. We're actively working to finish the rewrite of all Nuxt UI Pro components.
 :::
 
@@ -397,7 +397,7 @@ Use `tabs` and `tabs-item` to organize content into tabbed interfaces. Tabs are
 class: "[&>div]:*:my-0"
 ---
   :::tabs{.w-full}
-    ::::tabs-item{icon="i-lucide-code" label="Code"}
+    ::::tabs-item{icon="lucide-code" label="Code"}
     ```mdc
     ::callout
     Lorem velit voluptate ex reprehenderit ullamco et culpa.
@@ -405,7 +405,7 @@ class: "[&>div]:*:my-0"
     ```
     ::::
   
-    ::::tabs-item{icon="i-lucide-eye" label="Preview"}
+    ::::tabs-item{icon="lucide-eye" label="Preview"}
       :::::callout
       Lorem velit voluptate ex reprehenderit ullamco et culpa.
       :::::
@@ -416,7 +416,7 @@ class: "[&>div]:*:my-0"
 ````mdc
 ::tabs
 
-:::tabs-item{label="Code" icon="i-lucide-code"}
+:::tabs-item{label="Code" icon="lucide-code"}
 
 ```mdc
 ::callout
@@ -426,7 +426,7 @@ Lorem velit voluptate ex reprehenderit ullamco et culpa.
 
 :::
 
-:::tabs-item{label="Preview" icon="i-lucide-eye"}
+:::tabs-item{label="Preview" icon="lucide-eye"}
 
 ::::callout
 Lorem velit voluptate ex reprehenderit ullamco et culpa.
diff --git a/content/2.essentials/3.prose-components copy 3.md b/content/2.essentials/3.prose-components copy 3.md
index 20fddb5..472f4e4 100644
--- a/content/2.essentials/3.prose-components copy 3.md	
+++ b/content/2.essentials/3.prose-components copy 3.md	
@@ -2,7 +2,7 @@
 title: Prose Components
 description: Components to help you structure your content.
 navigation:
-  icon: i-lucide-component
+  icon: lucide-component
 ---
 
 ### Accordion
@@ -16,7 +16,7 @@ class: "[&>div]:*:my-0"
   :::accordion
     ::::accordion-item
     ---
-    icon: i-lucide-circle-help
+    icon: lucide-circle-help
     label: What are the main considerations when upgrading to Nuxt UI v3?
     ---
     The transition to v3 involves significant changes, including new component structures, updated theming approaches, and revised TypeScript definitions. We recommend a careful, incremental upgrade process, starting with thorough testing in a development environment.
@@ -24,13 +24,13 @@ class: "[&>div]:*:my-0"
   
     ::::accordion-item
     ---
-    icon: i-lucide-circle-help
+    icon: lucide-circle-help
     label: Is Nuxt UI v3 compatible with standalone Vue projects?
     ---
     Nuxt UI is now compatible with Vue! You can follow the [installation guide](/getting-started/installation) to get started.
     ::::
   
-    ::::accordion-item{icon="i-lucide-circle-help" label="What about Nuxt UI Pro?"}
+    ::::accordion-item{icon="lucide-circle-help" label="What about Nuxt UI Pro?"}
     We've also rebuilt Nuxt UI Pro from scratch and released a `v3.0.0-alpha.x` package but it only contains the components to build this documentation yet. This will be a free update, so the license you buy now will be valid for v3. We're actively working to finish the rewrite of all Nuxt UI Pro components.
     ::::
   :::
@@ -39,15 +39,15 @@ class: "[&>div]:*:my-0"
 ```mdc
 ::accordion
 
-:::accordion-item{label="What are the main considerations when upgrading to Nuxt UI v3?" icon="i-lucide-circle-help"}
+:::accordion-item{label="What are the main considerations when upgrading to Nuxt UI v3?" icon="lucide-circle-help"}
 The transition to v3 involves significant changes, including new component structures, updated theming approaches, and revised TypeScript definitions. We recommend a careful, incremental upgrade process, starting with thorough testing in a development environment.
 :::
 
-:::accordion-item{label="Is Nuxt UI v3 compatible with standalone Vue projects?" icon="i-lucide-circle-help"}
+:::accordion-item{label="Is Nuxt UI v3 compatible with standalone Vue projects?" icon="lucide-circle-help"}
 Nuxt UI is now compatible with Vue! You can follow the [installation guide](/getting-started/installation) to get started.
 :::
 
-:::accordion-item{label="What about Nuxt UI Pro?" icon="i-lucide-circle-help"}
+:::accordion-item{label="What about Nuxt UI Pro?" icon="lucide-circle-help"}
 We've also rebuilt Nuxt UI Pro from scratch and released a `v3.0.0-alpha.x` package but it only contains the components to build this documentation yet. This will be a free update, so the license you buy now will be valid for v3. We're actively working to finish the rewrite of all Nuxt UI Pro components.
 :::
 
@@ -397,7 +397,7 @@ Use `tabs` and `tabs-item` to organize content into tabbed interfaces. Tabs are
 class: "[&>div]:*:my-0"
 ---
   :::tabs{.w-full}
-    ::::tabs-item{icon="i-lucide-code" label="Code"}
+    ::::tabs-item{icon="lucide-code" label="Code"}
     ```mdc
     ::callout
     Lorem velit voluptate ex reprehenderit ullamco et culpa.
@@ -405,7 +405,7 @@ class: "[&>div]:*:my-0"
     ```
     ::::
   
-    ::::tabs-item{icon="i-lucide-eye" label="Preview"}
+    ::::tabs-item{icon="lucide-eye" label="Preview"}
       :::::callout
       Lorem velit voluptate ex reprehenderit ullamco et culpa.
       :::::
@@ -416,7 +416,7 @@ class: "[&>div]:*:my-0"
 ````mdc
 ::tabs
 
-:::tabs-item{label="Code" icon="i-lucide-code"}
+:::tabs-item{label="Code" icon="lucide-code"}
 
 ```mdc
 ::callout
@@ -426,7 +426,7 @@ Lorem velit voluptate ex reprehenderit ullamco et culpa.
 
 :::
 
-:::tabs-item{label="Preview" icon="i-lucide-eye"}
+:::tabs-item{label="Preview" icon="lucide-eye"}
 
 ::::callout
 Lorem velit voluptate ex reprehenderit ullamco et culpa.
diff --git a/content/2.essentials/3.prose-components copy.md b/content/2.essentials/3.prose-components copy.md
index 20fddb5..472f4e4 100644
--- a/content/2.essentials/3.prose-components copy.md	
+++ b/content/2.essentials/3.prose-components copy.md	
@@ -2,7 +2,7 @@
 title: Prose Components
 description: Components to help you structure your content.
 navigation:
-  icon: i-lucide-component
+  icon: lucide-component
 ---
 
 ### Accordion
@@ -16,7 +16,7 @@ class: "[&>div]:*:my-0"
   :::accordion
     ::::accordion-item
     ---
-    icon: i-lucide-circle-help
+    icon: lucide-circle-help
     label: What are the main considerations when upgrading to Nuxt UI v3?
     ---
     The transition to v3 involves significant changes, including new component structures, updated theming approaches, and revised TypeScript definitions. We recommend a careful, incremental upgrade process, starting with thorough testing in a development environment.
@@ -24,13 +24,13 @@ class: "[&>div]:*:my-0"
   
     ::::accordion-item
     ---
-    icon: i-lucide-circle-help
+    icon: lucide-circle-help
     label: Is Nuxt UI v3 compatible with standalone Vue projects?
     ---
     Nuxt UI is now compatible with Vue! You can follow the [installation guide](/getting-started/installation) to get started.
     ::::
   
-    ::::accordion-item{icon="i-lucide-circle-help" label="What about Nuxt UI Pro?"}
+    ::::accordion-item{icon="lucide-circle-help" label="What about Nuxt UI Pro?"}
     We've also rebuilt Nuxt UI Pro from scratch and released a `v3.0.0-alpha.x` package but it only contains the components to build this documentation yet. This will be a free update, so the license you buy now will be valid for v3. We're actively working to finish the rewrite of all Nuxt UI Pro components.
     ::::
   :::
@@ -39,15 +39,15 @@ class: "[&>div]:*:my-0"
 ```mdc
 ::accordion
 
-:::accordion-item{label="What are the main considerations when upgrading to Nuxt UI v3?" icon="i-lucide-circle-help"}
+:::accordion-item{label="What are the main considerations when upgrading to Nuxt UI v3?" icon="lucide-circle-help"}
 The transition to v3 involves significant changes, including new component structures, updated theming approaches, and revised TypeScript definitions. We recommend a careful, incremental upgrade process, starting with thorough testing in a development environment.
 :::
 
-:::accordion-item{label="Is Nuxt UI v3 compatible with standalone Vue projects?" icon="i-lucide-circle-help"}
+:::accordion-item{label="Is Nuxt UI v3 compatible with standalone Vue projects?" icon="lucide-circle-help"}
 Nuxt UI is now compatible with Vue! You can follow the [installation guide](/getting-started/installation) to get started.
 :::
 
-:::accordion-item{label="What about Nuxt UI Pro?" icon="i-lucide-circle-help"}
+:::accordion-item{label="What about Nuxt UI Pro?" icon="lucide-circle-help"}
 We've also rebuilt Nuxt UI Pro from scratch and released a `v3.0.0-alpha.x` package but it only contains the components to build this documentation yet. This will be a free update, so the license you buy now will be valid for v3. We're actively working to finish the rewrite of all Nuxt UI Pro components.
 :::
 
@@ -397,7 +397,7 @@ Use `tabs` and `tabs-item` to organize content into tabbed interfaces. Tabs are
 class: "[&>div]:*:my-0"
 ---
   :::tabs{.w-full}
-    ::::tabs-item{icon="i-lucide-code" label="Code"}
+    ::::tabs-item{icon="lucide-code" label="Code"}
     ```mdc
     ::callout
     Lorem velit voluptate ex reprehenderit ullamco et culpa.
@@ -405,7 +405,7 @@ class: "[&>div]:*:my-0"
     ```
     ::::
   
-    ::::tabs-item{icon="i-lucide-eye" label="Preview"}
+    ::::tabs-item{icon="lucide-eye" label="Preview"}
       :::::callout
       Lorem velit voluptate ex reprehenderit ullamco et culpa.
       :::::
@@ -416,7 +416,7 @@ class: "[&>div]:*:my-0"
 ````mdc
 ::tabs
 
-:::tabs-item{label="Code" icon="i-lucide-code"}
+:::tabs-item{label="Code" icon="lucide-code"}
 
 ```mdc
 ::callout
@@ -426,7 +426,7 @@ Lorem velit voluptate ex reprehenderit ullamco et culpa.
 
 :::
 
-:::tabs-item{label="Preview" icon="i-lucide-eye"}
+:::tabs-item{label="Preview" icon="lucide-eye"}
 
 ::::callout
 Lorem velit voluptate ex reprehenderit ullamco et culpa.
diff --git a/content/2.essentials/3.prose-components.md b/content/2.essentials/3.prose-components.md
index 20fddb5..472f4e4 100644
--- a/content/2.essentials/3.prose-components.md
+++ b/content/2.essentials/3.prose-components.md
@@ -2,7 +2,7 @@
 title: Prose Components
 description: Components to help you structure your content.
 navigation:
-  icon: i-lucide-component
+  icon: lucide-component
 ---
 
 ### Accordion
@@ -16,7 +16,7 @@ class: "[&>div]:*:my-0"
   :::accordion
     ::::accordion-item
     ---
-    icon: i-lucide-circle-help
+    icon: lucide-circle-help
     label: What are the main considerations when upgrading to Nuxt UI v3?
     ---
     The transition to v3 involves significant changes, including new component structures, updated theming approaches, and revised TypeScript definitions. We recommend a careful, incremental upgrade process, starting with thorough testing in a development environment.
@@ -24,13 +24,13 @@ class: "[&>div]:*:my-0"
   
     ::::accordion-item
     ---
-    icon: i-lucide-circle-help
+    icon: lucide-circle-help
     label: Is Nuxt UI v3 compatible with standalone Vue projects?
     ---
     Nuxt UI is now compatible with Vue! You can follow the [installation guide](/getting-started/installation) to get started.
     ::::
   
-    ::::accordion-item{icon="i-lucide-circle-help" label="What about Nuxt UI Pro?"}
+    ::::accordion-item{icon="lucide-circle-help" label="What about Nuxt UI Pro?"}
     We've also rebuilt Nuxt UI Pro from scratch and released a `v3.0.0-alpha.x` package but it only contains the components to build this documentation yet. This will be a free update, so the license you buy now will be valid for v3. We're actively working to finish the rewrite of all Nuxt UI Pro components.
     ::::
   :::
@@ -39,15 +39,15 @@ class: "[&>div]:*:my-0"
 ```mdc
 ::accordion
 
-:::accordion-item{label="What are the main considerations when upgrading to Nuxt UI v3?" icon="i-lucide-circle-help"}
+:::accordion-item{label="What are the main considerations when upgrading to Nuxt UI v3?" icon="lucide-circle-help"}
 The transition to v3 involves significant changes, including new component structures, updated theming approaches, and revised TypeScript definitions. We recommend a careful, incremental upgrade process, starting with thorough testing in a development environment.
 :::
 
-:::accordion-item{label="Is Nuxt UI v3 compatible with standalone Vue projects?" icon="i-lucide-circle-help"}
+:::accordion-item{label="Is Nuxt UI v3 compatible with standalone Vue projects?" icon="lucide-circle-help"}
 Nuxt UI is now compatible with Vue! You can follow the [installation guide](/getting-started/installation) to get started.
 :::
 
-:::accordion-item{label="What about Nuxt UI Pro?" icon="i-lucide-circle-help"}
+:::accordion-item{label="What about Nuxt UI Pro?" icon="lucide-circle-help"}
 We've also rebuilt Nuxt UI Pro from scratch and released a `v3.0.0-alpha.x` package but it only contains the components to build this documentation yet. This will be a free update, so the license you buy now will be valid for v3. We're actively working to finish the rewrite of all Nuxt UI Pro components.
 :::
 
@@ -397,7 +397,7 @@ Use `tabs` and `tabs-item` to organize content into tabbed interfaces. Tabs are
 class: "[&>div]:*:my-0"
 ---
   :::tabs{.w-full}
-    ::::tabs-item{icon="i-lucide-code" label="Code"}
+    ::::tabs-item{icon="lucide-code" label="Code"}
     ```mdc
     ::callout
     Lorem velit voluptate ex reprehenderit ullamco et culpa.
@@ -405,7 +405,7 @@ class: "[&>div]:*:my-0"
     ```
     ::::
   
-    ::::tabs-item{icon="i-lucide-eye" label="Preview"}
+    ::::tabs-item{icon="lucide-eye" label="Preview"}
       :::::callout
       Lorem velit voluptate ex reprehenderit ullamco et culpa.
       :::::
@@ -416,7 +416,7 @@ class: "[&>div]:*:my-0"
 ````mdc
 ::tabs
 
-:::tabs-item{label="Code" icon="i-lucide-code"}
+:::tabs-item{label="Code" icon="lucide-code"}
 
 ```mdc
 ::callout
@@ -426,7 +426,7 @@ Lorem velit voluptate ex reprehenderit ullamco et culpa.
 
 :::
 
-:::tabs-item{label="Preview" icon="i-lucide-eye"}
+:::tabs-item{label="Preview" icon="lucide-eye"}
 
 ::::callout
 Lorem velit voluptate ex reprehenderit ullamco et culpa.
diff --git a/content/2.essentials/4.images-embeds copy 2.md b/content/2.essentials/4.images-embeds copy 2.md
index 4df024b..a23565d 100644
--- a/content/2.essentials/4.images-embeds copy 2.md	
+++ b/content/2.essentials/4.images-embeds copy 2.md	
@@ -2,7 +2,7 @@
 title: Images and Embeds
 description: Add image, video, and other HTML elements
 navigation:
-  icon: i-lucide-image
+  icon: lucide-image
 ---
 
 ## Image
diff --git a/content/2.essentials/4.images-embeds copy 3.md b/content/2.essentials/4.images-embeds copy 3.md
index 4df024b..a23565d 100644
--- a/content/2.essentials/4.images-embeds copy 3.md	
+++ b/content/2.essentials/4.images-embeds copy 3.md	
@@ -2,7 +2,7 @@
 title: Images and Embeds
 description: Add image, video, and other HTML elements
 navigation:
-  icon: i-lucide-image
+  icon: lucide-image
 ---
 
 ## Image
diff --git a/content/2.essentials/4.images-embeds copy.md b/content/2.essentials/4.images-embeds copy.md
index 4df024b..a23565d 100644
--- a/content/2.essentials/4.images-embeds copy.md	
+++ b/content/2.essentials/4.images-embeds copy.md	
@@ -2,7 +2,7 @@
 title: Images and Embeds
 description: Add image, video, and other HTML elements
 navigation:
-  icon: i-lucide-image
+  icon: lucide-image
 ---
 
 ## Image
diff --git a/content/2.essentials/4.images-embeds.md b/content/2.essentials/4.images-embeds.md
index 4df024b..a23565d 100644
--- a/content/2.essentials/4.images-embeds.md
+++ b/content/2.essentials/4.images-embeds.md
@@ -2,7 +2,7 @@
 title: Images and Embeds
 description: Add image, video, and other HTML elements
 navigation:
-  icon: i-lucide-image
+  icon: lucide-image
 ---
 
 ## Image
diff --git a/content/3.getting-started/.navigation.yml b/content/3.getting-started/.navigation.yml
index ab24228..f691b94 100644
--- a/content/3.getting-started/.navigation.yml
+++ b/content/3.getting-started/.navigation.yml
@@ -1,2 +1,2 @@
 title: Getting Started
-icon: i-lucide-book-open
+icon: lucide-book-open
diff --git a/content/3.getting-started/1.index.md b/content/3.getting-started/1.index.md
index b74c700..f19a9d2 100644
--- a/content/3.getting-started/1.index.md
+++ b/content/3.getting-started/1.index.md
@@ -2,7 +2,7 @@
 title: Introduction
 description: Welcome to Nuxt UI Pro documentation template.
 navigation:
-  icon: i-lucide-house
+  icon: lucide-house
 ---
 
 This template is a ready-to-use documentation template made with [Nuxt UI Pro](https://ui.nuxt.com/pro), a collection of premium components built on top of [Nuxt UI](https://ui.nuxt.com) to create beautiful & responsive Nuxt applications in minutes.
diff --git a/content/3.getting-started/2.installation.md b/content/3.getting-started/2.installation.md
index 147b972..caf4208 100644
--- a/content/3.getting-started/2.installation.md
+++ b/content/3.getting-started/2.installation.md
@@ -2,7 +2,7 @@
 title: Installation
 description: Get started with Nuxt UI Pro documentation template.
 navigation:
-  icon: i-lucide-download
+  icon: lucide-download
 ---
 
 ::tip{target="_blank" to="https://content.nuxt.com/templates/docs"}
diff --git a/content/3.getting-started/3.usage.md b/content/3.getting-started/3.usage.md
index 911979e..66dcf27 100644
--- a/content/3.getting-started/3.usage.md
+++ b/content/3.getting-started/3.usage.md
@@ -2,7 +2,7 @@
 title: Usage
 description: Learn how to write and customize your documentation.
 navigation:
-  icon: i-lucide-sliders
+  icon: lucide-sliders
 ---
 
 This is only a basic example of what you can achieve with [Nuxt UI Pro](https://ui.nuxt.com/pro/guide), you can tweak it to match your needs. The template uses several Nuxt modules underneath like [`@nuxt/content`](https://content.nuxt.com) for the content and [`nuxt-og-image`](https://nuxtseo.com/og-image/getting-started/installation) for social previews.
@@ -102,12 +102,12 @@ export default defineAppConfig({
       // URL of your repository content folder
       edit: 'https://github.com/nuxt-ui-pro/docs/edit/main/content',
       links: [{
-        icon: 'i-lucide-star',
+        icon: 'lucide-star',
         label: 'Star on GitHub',
         to: 'https://github.com/nuxt/ui',
         target: '_blank'
       }, {
-        icon: 'i-lucide-book-open',
+        icon: 'lucide-book-open',
         label: 'Nuxt UI Pro docs',
         to: 'https://ui.nuxt.com/getting-started/installation/pro/nuxt',
         target: '_blank'
diff --git a/content/4.无人自助系统/.navigation.yml b/content/4.无人自助系统/.navigation.yml
index 9db36f9..ad5477f 100644
--- a/content/4.无人自助系统/.navigation.yml
+++ b/content/4.无人自助系统/.navigation.yml
@@ -1,3 +1,3 @@
 title: 无人自助系统
 description: 一个简约但功能强大的开源文档系统
-icon: i-lucide-rocket
+icon: lucide-rocket
diff --git a/content/4.无人自助系统/1.index.md b/content/4.无人自助系统/1.index.md
index 6bb23dd..468e42c 100644
--- a/content/4.无人自助系统/1.index.md
+++ b/content/4.无人自助系统/1.index.md
@@ -2,7 +2,7 @@
 title: 入门指南
 description: 欢迎使用简单文档
 navigation:
-  icon: i-lucide-house
+  icon: lucide-house
 ---
 
 This template is a ready-to-use documentation template made with [Nuxt UI Pro](https://ui.nuxt.com/pro), a collection of premium components built on top of [Nuxt UI](https://ui.nuxt.com) to create beautiful & responsive Nuxt applications in minutes.
diff --git a/content/4.无人自助系统/2.installation.md b/content/4.无人自助系统/2.installation.md
index 147b972..caf4208 100644
--- a/content/4.无人自助系统/2.installation.md
+++ b/content/4.无人自助系统/2.installation.md
@@ -2,7 +2,7 @@
 title: Installation
 description: Get started with Nuxt UI Pro documentation template.
 navigation:
-  icon: i-lucide-download
+  icon: lucide-download
 ---
 
 ::tip{target="_blank" to="https://content.nuxt.com/templates/docs"}
diff --git a/content/4.无人自助系统/3.usage.md b/content/4.无人自助系统/3.usage.md
index 443e5e1..51d16e2 100644
--- a/content/4.无人自助系统/3.usage.md
+++ b/content/4.无人自助系统/3.usage.md
@@ -2,7 +2,7 @@
 title: 进行测试
 description: Learn how to write and customize your documentation.
 navigation:
-  icon: i-lucide-sliders
+  icon: lucide-sliders
 ---
 
 
diff --git a/content/5.智慧物业系统/.navigation.yml b/content/5.智慧物业系统/.navigation.yml
index 66ae4f0..8074880 100644
--- a/content/5.智慧物业系统/.navigation.yml
+++ b/content/5.智慧物业系统/.navigation.yml
@@ -1,3 +1,3 @@
 title: 智慧物业系统
 description: 一个简约但功能强大的开源文档系统
-icon: i-lucide-rocket
+icon: lucide-rocket
diff --git a/content/5.智慧物业系统/1.index.md b/content/5.智慧物业系统/1.index.md
index 6bb23dd..468e42c 100644
--- a/content/5.智慧物业系统/1.index.md
+++ b/content/5.智慧物业系统/1.index.md
@@ -2,7 +2,7 @@
 title: 入门指南
 description: 欢迎使用简单文档
 navigation:
-  icon: i-lucide-house
+  icon: lucide-house
 ---
 
 This template is a ready-to-use documentation template made with [Nuxt UI Pro](https://ui.nuxt.com/pro), a collection of premium components built on top of [Nuxt UI](https://ui.nuxt.com) to create beautiful & responsive Nuxt applications in minutes.
diff --git a/content/5.智慧物业系统/2.installation.md b/content/5.智慧物业系统/2.installation.md
index 147b972..caf4208 100644
--- a/content/5.智慧物业系统/2.installation.md
+++ b/content/5.智慧物业系统/2.installation.md
@@ -2,7 +2,7 @@
 title: Installation
 description: Get started with Nuxt UI Pro documentation template.
 navigation:
-  icon: i-lucide-download
+  icon: lucide-download
 ---
 
 ::tip{target="_blank" to="https://content.nuxt.com/templates/docs"}
diff --git a/content/5.智慧物业系统/3.usage.md b/content/5.智慧物业系统/3.usage.md
index 443e5e1..51d16e2 100644
--- a/content/5.智慧物业系统/3.usage.md
+++ b/content/5.智慧物业系统/3.usage.md
@@ -2,7 +2,7 @@
 title: 进行测试
 description: Learn how to write and customize your documentation.
 navigation:
-  icon: i-lucide-sliders
+  icon: lucide-sliders
 ---
 
 
diff --git a/content/6.简约博客/.navigation.yml b/content/6.简约博客/.navigation.yml
index 53e1264..47bc82e 100644
--- a/content/6.简约博客/.navigation.yml
+++ b/content/6.简约博客/.navigation.yml
@@ -1,3 +1,3 @@
 title: 简约博客
 description: 一个简约但功能强大的开源文档系统
-icon: i-lucide-rocket
+icon: lucide-rocket
diff --git a/content/6.简约博客/1.index.md b/content/6.简约博客/1.index.md
index 6bb23dd..468e42c 100644
--- a/content/6.简约博客/1.index.md
+++ b/content/6.简约博客/1.index.md
@@ -2,7 +2,7 @@
 title: 入门指南
 description: 欢迎使用简单文档
 navigation:
-  icon: i-lucide-house
+  icon: lucide-house
 ---
 
 This template is a ready-to-use documentation template made with [Nuxt UI Pro](https://ui.nuxt.com/pro), a collection of premium components built on top of [Nuxt UI](https://ui.nuxt.com) to create beautiful & responsive Nuxt applications in minutes.
diff --git a/content/6.简约博客/2.installation.md b/content/6.简约博客/2.installation.md
index 147b972..caf4208 100644
--- a/content/6.简约博客/2.installation.md
+++ b/content/6.简约博客/2.installation.md
@@ -2,7 +2,7 @@
 title: Installation
 description: Get started with Nuxt UI Pro documentation template.
 navigation:
-  icon: i-lucide-download
+  icon: lucide-download
 ---
 
 ::tip{target="_blank" to="https://content.nuxt.com/templates/docs"}
diff --git a/content/6.简约博客/3.usage.md b/content/6.简约博客/3.usage.md
index 443e5e1..51d16e2 100644
--- a/content/6.简约博客/3.usage.md
+++ b/content/6.简约博客/3.usage.md
@@ -2,7 +2,7 @@
 title: 进行测试
 description: Learn how to write and customize your documentation.
 navigation:
-  icon: i-lucide-sliders
+  icon: lucide-sliders
 ---
 
 
diff --git a/content/index.md b/content/index.md
index d834378..d0826a3 100644
--- a/content/index.md
+++ b/content/index.md
@@ -30,7 +30,7 @@ Nuxt UI Pro is a collection of premium components built on top of Nuxt UI to cre
   ---
   size: xl
   to: /getting-started
-  trailing-icon: i-lucide-arrow-right
+  trailing-icon: lucide-arrow-right
   ---
   Get started
   :::
@@ -59,7 +59,7 @@ All-in-one documentation template
   size: lg
   target: _blank
   to: https://ui.nuxt.com/getting-started/installation/pro/nuxt
-  trailingIcon: i-lucide-arrow-right
+  trailingIcon: lucide-arrow-right
   variant: subtle
   ---
   Discover Nuxt UI Pro v3
@@ -94,7 +94,7 @@ All-in-one documentation template
 
   :::u-page-feature
   ---
-  icon: i-lucide-sparkles
+  icon: lucide-sparkles
   target: _blank
   to: https://ui.nuxt.com
   ---
@@ -133,7 +133,7 @@ All-in-one documentation template
 
   :::u-page-feature
   ---
-  icon: i-lucide-search
+  icon: lucide-search
   target: _blank
   to: https://ui.nuxt.com/components/content-search
   ---
@@ -152,11 +152,11 @@ All-in-one documentation template
     - label: Buy now
       to: https://ui.nuxt.com/pro/purchase
       target: _blank
-      icon: i-lucide-shopping-cart
+      icon: lucide-shopping-cart
       color: neutral
     - label: License
       to: https://ui.nuxt.com/getting-started/license
-      trailingIcon: i-lucide-circle-help
+      trailingIcon: lucide-circle-help
       target: _blank
       color: neutral
       variant: subtle
diff --git a/nuxt.schema.ts b/nuxt.schema.ts
index 6f6b37f..3403b77 100644
--- a/nuxt.schema.ts
+++ b/nuxt.schema.ts
@@ -40,42 +40,42 @@ export default defineNuxtSchema({
               title: 'Search Bar',
               description: 'Icon to display in the search bar.',
               icon: 'i-mdi-magnify',
-              default: 'i-lucide-search'
+              default: 'lucide-search'
             }),
             dark: field({
               type: 'icon',
               title: 'Dark mode',
               description: 'Icon of color mode button for dark mode.',
               icon: 'i-mdi-moon-waning-crescent',
-              default: 'i-lucide-moon'
+              default: 'lucide-moon'
             }),
             light: field({
               type: 'icon',
               title: 'Light mode',
               description: 'Icon of color mode button for light mode.',
               icon: 'i-mdi-white-balance-sunny',
-              default: 'i-lucide-sun'
+              default: 'lucide-sun'
             }),
             external: field({
               type: 'icon',
               title: 'External Link',
               description: 'Icon for external link.',
               icon: 'i-mdi-arrow-top-right',
-              default: 'i-lucide-external-link'
+              default: 'lucide-external-link'
             }),
             chevron: field({
               type: 'icon',
               title: 'Chevron',
               description: 'Icon for chevron.',
               icon: 'i-mdi-chevron-down',
-              default: 'i-lucide-chevron-down'
+              default: 'lucide-chevron-down'
             }),
             hash: field({
               type: 'icon',
               title: 'Hash',
               description: 'Icon for hash anchors.',
               icon: 'i-ph-hash',
-              default: 'i-lucide-hash'
+              default: 'lucide-hash'
             })
           }
         })