estel/estel_docs
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

将i-lucide都改为lucide本地库

Browse Source
This commit is contained in:
estel
2025-07-28 13:38:45 +08:00
parent 29a41504d0
commit d30e76c41a
52 changed files with 155 additions and 155 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
app/app.config.ts
View File

@@ -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'

4
app/components/ContentDirectory.vue
View File

@@ -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: []

6
app/components/IndexCard.vue
View File

@@ -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'
}));
});

2
app/components/TemplateMenu.vue
View File

@@ -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']"

2
app/components/ThemeSettings.vue
View File

@@ -19,7 +19,7 @@
<UButton
color="neutral"
variant="ghost"
icon="i-lucide-x"
icon="lucide-x"
square
@click="$emit('close')"
/>

4
app/components/auth/login.vue
View File

@@ -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>

4
app/components/auth/register.vue
View File

@@ -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>

8
app/components/content/FileTree.vue
View File

@@ -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('.');

4
app/components/content/FileTreeItem.vue
View File

@@ -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'),

26
app/components/docs/DocsAsideLeftTop.vue
View File

@@ -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
// }

8
app/components/docs/DocsPageHeaderLinks.vue
View File

@@ -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"
/>

2
app/error.vue
View File

@@ -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="/"

6
app/pages/[...slug].vue
View File

@@ -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>

2
content/1.简单文档/.navigation.yml
View File

@@ -1,3 +1,3 @@
title: 简单文档
description: 一个简约但功能强大的开源文档系统
icon: i-lucide-rocket
icon: lucide-rocket

2
content/1.简单文档/1.index.md
View File

@@ -2,7 +2,7 @@
title: 入门指南
description: 欢迎使用简单文档
navigation:
icon: i-lucide-house
icon: lucide-house
---

2
content/1.简单文档/2.installation.md
View File

@@ -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"}

2
content/1.简单文档/3.usage.md
View File

@@ -2,7 +2,7 @@
title: 进行测试
description: Learn how to write and customize your documentation.
navigation:
icon: i-lucide-sliders
icon: lucide-sliders
---
::playground

2
content/2.essentials/.navigation.yml
View File

@@ -1,2 +1,2 @@
title: Essentials
icon: i-lucide-book-open
icon: lucide-book-open

2
content/2.essentials/1.index copy 2.md
View File

@@ -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

2
content/2.essentials/1.index copy 3.md
View File

@@ -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

2
content/2.essentials/1.index copy.md
View File

@@ -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

2
content/2.essentials/1.index.md
View File

@@ -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

14
content/2.essentials/2.code-blocks copy 2.md
View File

@@ -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'
}
}
})

14
content/2.essentials/2.code-blocks copy 3.md
View File

@@ -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'
}
}
})

14
content/2.essentials/2.code-blocks copy.md
View File

@@ -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'
}
}
})

14
content/2.essentials/2.code-blocks.md
View File

@@ -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'
}
}
})

22
content/2.essentials/3.prose-components copy 2.md
View File

@@ -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.

22
content/2.essentials/3.prose-components copy 3.md
View File

@@ -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.

22
content/2.essentials/3.prose-components copy.md
View File

@@ -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.

22
content/2.essentials/3.prose-components.md
View File

@@ -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.

2
content/2.essentials/4.images-embeds copy 2.md
View File

@@ -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

2
content/2.essentials/4.images-embeds copy 3.md
View File

@@ -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

2
content/2.essentials/4.images-embeds copy.md
View File

@@ -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

2
content/2.essentials/4.images-embeds.md
View File

@@ -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

2
content/3.getting-started/.navigation.yml
View File

@@ -1,2 +1,2 @@
title: Getting Started
icon: i-lucide-book-open
icon: lucide-book-open

2
content/3.getting-started/1.index.md
View File

@@ -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.

2
content/3.getting-started/2.installation.md
View File

@@ -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"}

6
content/3.getting-started/3.usage.md
View File

@@ -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'

2
content/4.无人自助系统/.navigation.yml
View File

@@ -1,3 +1,3 @@
title: 无人自助系统
description: 一个简约但功能强大的开源文档系统
icon: i-lucide-rocket
icon: lucide-rocket

2
content/4.无人自助系统/1.index.md
View File

@@ -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.

2
content/4.无人自助系统/2.installation.md
View File

@@ -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"}

2
content/4.无人自助系统/3.usage.md
View File

@@ -2,7 +2,7 @@
title: 进行测试
description: Learn how to write and customize your documentation.
navigation:
icon: i-lucide-sliders
icon: lucide-sliders
---

2
content/5.智慧物业系统/.navigation.yml
View File

@@ -1,3 +1,3 @@
title: 智慧物业系统
description: 一个简约但功能强大的开源文档系统
icon: i-lucide-rocket
icon: lucide-rocket

2
content/5.智慧物业系统/1.index.md
View File

@@ -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.

2
content/5.智慧物业系统/2.installation.md
View File

@@ -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"}

2
content/5.智慧物业系统/3.usage.md
View File

@@ -2,7 +2,7 @@
title: 进行测试
description: Learn how to write and customize your documentation.
navigation:
icon: i-lucide-sliders
icon: lucide-sliders
---

2
content/6.简约博客/.navigation.yml
View File

@@ -1,3 +1,3 @@
title: 简约博客
description: 一个简约但功能强大的开源文档系统
icon: i-lucide-rocket
icon: lucide-rocket

2
content/6.简约博客/1.index.md
View File

@@ -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.

2
content/6.简约博客/2.installation.md
View File

@@ -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"}

2
content/6.简约博客/3.usage.md
View File

@@ -2,7 +2,7 @@
title: 进行测试
description: Learn how to write and customize your documentation.
navigation:
icon: i-lucide-sliders
icon: lucide-sliders
---

12
content/index.md
View File

@@ -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

12
nuxt.schema.ts
View File

@@ -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'
})
}
})