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', title: 'Community',
edit: 'https://github.com/nuxt-ui-pro/docs/edit/main/content', edit: 'https://github.com/nuxt-ui-pro/docs/edit/main/content',
links: [{ links: [{
icon: 'i-lucide-star', icon: 'lucide-star',
label: 'GitHub', label: 'GitHub',
to: 'https://github.com/estel-li', to: 'https://github.com/estel-li',
target: '_blank' target: '_blank'
}, { }, {
icon: 'i-lucide-home', icon: 'lucide-home',
label: '稷维科技', label: '稷维科技',
to: 'https://www.xajiwei.com', to: 'https://www.xajiwei.com',
target: '_blank' target: '_blank'

4
app/components/ContentDirectory.vue
View File

@@ -25,7 +25,7 @@ const directoryNavigation = computed(() => {
return { return {
title: item.title, title: item.title,
path: item.path, path: item.path,
icon: (item.icon as string) || 'i-lucide-file-text', icon: (item.icon as string) || 'lucide-file-text',
active: Boolean(item.active) active: Boolean(item.active)
} }
} }
@@ -34,7 +34,7 @@ const directoryNavigation = computed(() => {
return { return {
title: item.title, title: item.title,
path: item.path, path: item.path,
icon: (item.icon as string) || 'i-lucide-folder', icon: (item.icon as string) || 'lucide-folder',
active: Boolean(item.active), active: Boolean(item.active),
// 不包含 children，这样就不会展开显示子项 // 不包含 children，这样就不会展开显示子项
children: [] children: []

6
app/components/IndexCard.vue
View File

@@ -36,10 +36,10 @@
border-b border-gray-200 dark:border-gray-700 pt-2"> border-b border-gray-200 dark:border-gray-700 pt-2">
<div class="flex items-center flex-1 min-w-0 pl-1 "> <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> <span class="text-base font-medium font-sans">{{ child.title }}</span>
</div> </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> </div>
</div> </div>
@@ -60,7 +60,7 @@ const firstLevelItems = computed(() => {
.map(item => ({ .map(item => ({
...item, ...item,
description: item.description, 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 <UButton
label="Docs" label="Docs"
variant="subtle" variant="subtle"
trailing-icon="i-lucide-chevron-down" trailing-icon="lucide-chevron-down"
size="xs" size="xs"
class="-mb-[6px] font-semibold rounded-full truncate" class="-mb-[6px] font-semibold rounded-full truncate"
:class="[open && 'bg-primary/15']" :class="[open && 'bg-primary/15']"

2
app/components/ThemeSettings.vue
View File

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

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

@@ -33,11 +33,11 @@ const fields = ref([
class="max-w-md" class="max-w-md"
title="登录" title="登录"
description="使用社交账号或邮箱登录" description="使用社交账号或邮箱登录"
icon="i-lucide-user" icon="lucide-user"
:fields="fields" :fields="fields"
:providers="providers" :providers="providers"
:separator="{ :separator="{
icon: 'i-lucide-user' icon: 'lucide-user'
}" }"
/> />
</template> </template>

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

@@ -32,11 +32,11 @@ const fields = ref([
class="max-w-md" class="max-w-md"
title="Login" title="Login"
description="Enter your credentials to access your account." description="Enter your credentials to access your account."
icon="i-lucide-user" icon="lucide-user"
:fields="fields" :fields="fields"
:providers="providers" :providers="providers"
:separator="{ :separator="{
icon: 'i-lucide-user' icon: 'lucide-user'
}" }"
/> />
</template> </template>

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

@@ -36,7 +36,7 @@
<div class="flex items-center" :style="{ marginLeft: '0px' }"> <div class="flex items-center" :style="{ marginLeft: '0px' }">
<Icon <Icon
v-if="showIcon" 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="mr-2 text-gray-500 w-4 h-4"
:class="{ :class="{
'text-green-500': item.icon?.includes('vue'), 'text-green-500': item.icon?.includes('vue'),
@@ -101,12 +101,12 @@ const defaultIcons = {
js: 'i-simple-icons-javascript', js: 'i-simple-icons-javascript',
md: 'i-simple-icons-markdown', md: 'i-simple-icons-markdown',
json: 'i-simple-icons-json', json: 'i-simple-icons-json',
folder: 'i-lucide-folder', folder: 'lucide-folder',
file: 'i-lucide-file' file: 'lucide-file'
}; };
function getIcon(filename: string, type: 'folder' | 'file'): string { 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; if (filename.endsWith('/')) return defaultIcons.folder;
const parts = filename.split('.'); const parts = filename.split('.');

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

@@ -14,7 +14,7 @@
<!-- 箭头（仅文件夹且有子项时显示） --> <!-- 箭头（仅文件夹且有子项时显示） -->
<Icon <Icon
v-if="showArrow && item.isFolder && item.children && item.children.length > 0" 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="mr-1 text-gray-400 w-4 h-4 transition-transform"
:class="{ 'rotate-90': isExpanded }" :class="{ 'rotate-90': isExpanded }"
/> />
@@ -23,7 +23,7 @@
<!-- 图标 --> <!-- 图标 -->
<Icon <Icon
v-if="showIcon" 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="mr-2 text-gray-500 w-4 h-4"
:class="{ :class="{
'text-green-500': item.icon?.includes('vue'), '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', label: 'Guide',
icon: 'i-lucide-book-open', icon: 'lucide-book-open',
}, },
{ {
label: 'Composables', label: 'Composables',
icon: 'i-lucide-database', icon: 'lucide-database',
children: [ children: [
{ {
label: 'defineShortcuts', label: 'defineShortcuts',
icon: 'i-lucide-file-text', icon: 'lucide-file-text',
description: 'Define shortcuts for your application.', description: 'Define shortcuts for your application.',
to: '/composables/define-shortcuts' to: '/composables/define-shortcuts'
}, },
{ {
label: 'useOverlay', label: 'useOverlay',
icon: 'i-lucide-file-text', icon: 'lucide-file-text',
description: 'Display a modal/slideover within your application.', description: 'Display a modal/slideover within your application.',
to: '/composables/use-overlay' to: '/composables/use-overlay'
}, },
{ {
label: 'useToast', label: 'useToast',
icon: 'i-lucide-file-text', icon: 'lucide-file-text',
description: 'Display a toast within your application.', description: 'Display a toast within your application.',
to: '/composables/use-toast' to: '/composables/use-toast'
} }
@@ -33,42 +33,42 @@ const items = ref<NavigationMenuItem[][]>([
}, },
{ {
label: 'Components', label: 'Components',
icon: 'i-lucide-box', icon: 'lucide-box',
to: '/components', to: '/components',
children: [ children: [
{ {
label: 'Link', label: 'Link',
icon: 'i-lucide-file-text', icon: 'lucide-file-text',
description: 'Use NuxtLink with superpowers.', description: 'Use NuxtLink with superpowers.',
to: '/components/link' to: '/components/link'
}, },
{ {
label: 'Modal', label: 'Modal',
icon: 'i-lucide-file-text', icon: 'lucide-file-text',
description: 'Display a modal within your application.', description: 'Display a modal within your application.',
to: '/components/modal' to: '/components/modal'
}, },
{ {
label: 'NavigationMenu', label: 'NavigationMenu',
icon: 'i-lucide-file-text', icon: 'lucide-file-text',
description: 'Display a list of links.', description: 'Display a list of links.',
to: '/components/navigation-menu' to: '/components/navigation-menu'
}, },
{ {
label: 'Pagination', label: 'Pagination',
icon: 'i-lucide-file-text', icon: 'lucide-file-text',
description: 'Display a list of pages.', description: 'Display a list of pages.',
to: '/components/pagination' to: '/components/pagination'
}, },
{ {
label: 'Popover', label: 'Popover',
icon: 'i-lucide-file-text', icon: 'lucide-file-text',
description: 'Display a non-modal dialog that floats around a trigger element.', description: 'Display a non-modal dialog that floats around a trigger element.',
to: '/components/popover' to: '/components/popover'
}, },
{ {
label: 'Progress', label: 'Progress',
icon: 'i-lucide-file-text', icon: 'lucide-file-text',
description: 'Show a horizontal bar to indicate task progression.', description: 'Show a horizontal bar to indicate task progression.',
to: '/components/progress' to: '/components/progress'
} }
@@ -85,7 +85,7 @@ const items = ref<NavigationMenuItem[][]>([
// }, // },
// { // {
// label: 'Help', // label: 'Help',
// icon: 'i-lucide-circle-help', // icon: 'lucide-circle-help',
// badge: '3.8k', // badge: '3.8k',
// disabled: true // 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 = [ const items = [
{ {
label: 'Copy Markdown link', label: 'Copy Markdown link',
icon: 'i-lucide-link', icon: 'lucide-link',
onSelect() { onSelect() {
copy(markdownLink.value) copy(markdownLink.value)
toast.add({ toast.add({
title: 'Markdown link copied to clipboard', title: 'Markdown link copied to clipboard',
icon: 'i-lucide-check-circle', icon: 'lucide-check-circle',
color: 'success', color: 'success',
}) })
}, },
@@ -46,7 +46,7 @@ const items = [
<UButtonGroup size="sm"> <UButtonGroup size="sm">
<UButton <UButton
label="Copy page" label="Copy page"
:icon="copied ? 'i-lucide-copy-check' : 'i-lucide-copy'" :icon="copied ? 'lucide-copy-check' : 'lucide-copy'"
color="neutral" color="neutral"
variant="outline" variant="outline"
:ui="{ :ui="{
@@ -68,7 +68,7 @@ const items = [
}" }"
> >
<UButton <UButton
icon="i-lucide-chevron-down" icon="lucide-chevron-down"
color="neutral" color="neutral"
variant="outline" variant="outline"
/> />

2
app/error.vue
View File

@@ -42,7 +42,7 @@ provide("navigation", navigation);
:error="error" :error="error"
:clear="{ :clear="{
size: 'xl', size: 'xl',
icon: 'i-lucide-arrow-left', icon: 'lucide-arrow-left',
class: 'rounded-full', class: 'rounded-full',
}" }"
redirect="/" redirect="/"

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

@@ -105,7 +105,7 @@ const links = computed(() => {
const links = [] const links = []
if (appConfig.toc?.bottom?.edit) { if (appConfig.toc?.bottom?.edit) {
links.push({ links.push({
icon: 'i-lucide-external-link', icon: 'lucide-external-link',
label: '编辑页面', label: '编辑页面',
to: `${appConfig.toc.bottom.edit}/${page?.value?.stem}.${page?.value?.extension}`, to: `${appConfig.toc.bottom.edit}/${page?.value?.stem}.${page?.value?.extension}`,
target: '_blank' target: '_blank'
@@ -133,13 +133,13 @@ const links = computed(() => {
<USeparator> <USeparator>
<div v-if="editLink" class="flex items-center gap-2 text-sm text-muted"> <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' }"> :ui="{ leadingIcon: 'size-4' }">
编辑页面 编辑页面
</UButton> </UButton>
or or
<UButton variant="link" color="neutral" :to="`${appConfig.github.url}/issues/new/choose`" target="_blank" <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> </UButton>
</div> </div>

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

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

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

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

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

@@ -2,7 +2,7 @@
title: Installation title: Installation
description: Get started with Nuxt UI Pro documentation template. description: Get started with Nuxt UI Pro documentation template.
navigation: navigation:
icon: i-lucide-download icon: lucide-download
--- ---
::tip{target="_blank" to="https://content.nuxt.com/templates/docs"} ::tip{target="_blank" to="https://content.nuxt.com/templates/docs"}

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

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

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

@@ -1,2 +1,2 @@
title: Essentials 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 title: Markdown Syntax
description: Text, title, and styling in standard markdown. description: Text, title, and styling in standard markdown.
navigation: navigation:
icon: i-lucide-heading-1 icon: lucide-heading-1
--- ---
## Titles ## Titles

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

@@ -2,7 +2,7 @@
title: Markdown Syntax title: Markdown Syntax
description: Text, title, and styling in standard markdown. description: Text, title, and styling in standard markdown.
navigation: navigation:
icon: i-lucide-heading-1 icon: lucide-heading-1
--- ---
## Titles ## Titles

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

@@ -2,7 +2,7 @@
title: Markdown Syntax title: Markdown Syntax
description: Text, title, and styling in standard markdown. description: Text, title, and styling in standard markdown.
navigation: navigation:
icon: i-lucide-heading-1 icon: lucide-heading-1
--- ---
## Titles ## Titles

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

@@ -2,7 +2,7 @@
title: Markdown Syntax title: Markdown Syntax
description: Text, title, and styling in standard markdown. description: Text, title, and styling in standard markdown.
navigation: navigation:
icon: i-lucide-heading-1 icon: lucide-heading-1
--- ---
## Titles ## Titles

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

@@ -2,7 +2,7 @@
title: Code Blocks title: Code Blocks
description: Display inline code and code blocks description: Display inline code and code blocks
navigation: navigation:
icon: i-lucide-code-xml icon: lucide-code-xml
--- ---
## Basic ## Basic
@@ -95,8 +95,8 @@ You can change the icon in your `app.config.ts` through the `ui.icons.copy` and
export default defineAppConfig({ export default defineAppConfig({
ui: { ui: {
icons: { icons: {
copy: 'i-lucide-copy', copy: 'lucide-copy',
copyCheck: 'i-lucide-copy-check' copyCheck: 'lucide-copy-check'
} }
} }
}) })
@@ -116,8 +116,8 @@ class: "[&>div]:*:my-0 [&>div]:*:w-full"
export default defineAppConfig({ export default defineAppConfig({
ui: { ui: {
icons: { icons: {
copy: 'i-lucide-copy', copy: 'lucide-copy',
copyCheck: 'i-lucide-copy-check' copyCheck: 'lucide-copy-check'
} }
} }
}) })
@@ -129,8 +129,8 @@ export default defineAppConfig({
export default defineAppConfig({ export default defineAppConfig({
ui: { ui: {
icons: { icons: {
copy: 'i-lucide-copy', copy: 'lucide-copy',
copyCheck: 'i-lucide-copy-check' copyCheck: 'lucide-copy-check'
} }
} }
}) })

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

@@ -2,7 +2,7 @@
title: Code Blocks title: Code Blocks
description: Display inline code and code blocks description: Display inline code and code blocks
navigation: navigation:
icon: i-lucide-code-xml icon: lucide-code-xml
--- ---
## Basic ## Basic
@@ -95,8 +95,8 @@ You can change the icon in your `app.config.ts` through the `ui.icons.copy` and
export default defineAppConfig({ export default defineAppConfig({
ui: { ui: {
icons: { icons: {
copy: 'i-lucide-copy', copy: 'lucide-copy',
copyCheck: 'i-lucide-copy-check' copyCheck: 'lucide-copy-check'
} }
} }
}) })
@@ -116,8 +116,8 @@ class: "[&>div]:*:my-0 [&>div]:*:w-full"
export default defineAppConfig({ export default defineAppConfig({
ui: { ui: {
icons: { icons: {
copy: 'i-lucide-copy', copy: 'lucide-copy',
copyCheck: 'i-lucide-copy-check' copyCheck: 'lucide-copy-check'
} }
} }
}) })
@@ -129,8 +129,8 @@ export default defineAppConfig({
export default defineAppConfig({ export default defineAppConfig({
ui: { ui: {
icons: { icons: {
copy: 'i-lucide-copy', copy: 'lucide-copy',
copyCheck: 'i-lucide-copy-check' copyCheck: 'lucide-copy-check'
} }
} }
}) })

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

@@ -2,7 +2,7 @@
title: Code Blocks title: Code Blocks
description: Display inline code and code blocks description: Display inline code and code blocks
navigation: navigation:
icon: i-lucide-code-xml icon: lucide-code-xml
--- ---
## Basic ## Basic
@@ -95,8 +95,8 @@ You can change the icon in your `app.config.ts` through the `ui.icons.copy` and
export default defineAppConfig({ export default defineAppConfig({
ui: { ui: {
icons: { icons: {
copy: 'i-lucide-copy', copy: 'lucide-copy',
copyCheck: 'i-lucide-copy-check' copyCheck: 'lucide-copy-check'
} }
} }
}) })
@@ -116,8 +116,8 @@ class: "[&>div]:*:my-0 [&>div]:*:w-full"
export default defineAppConfig({ export default defineAppConfig({
ui: { ui: {
icons: { icons: {
copy: 'i-lucide-copy', copy: 'lucide-copy',
copyCheck: 'i-lucide-copy-check' copyCheck: 'lucide-copy-check'
} }
} }
}) })
@@ -129,8 +129,8 @@ export default defineAppConfig({
export default defineAppConfig({ export default defineAppConfig({
ui: { ui: {
icons: { icons: {
copy: 'i-lucide-copy', copy: 'lucide-copy',
copyCheck: 'i-lucide-copy-check' copyCheck: 'lucide-copy-check'
} }
} }
}) })

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

@@ -2,7 +2,7 @@
title: Code Blocks title: Code Blocks
description: Display inline code and code blocks description: Display inline code and code blocks
navigation: navigation:
icon: i-lucide-code-xml icon: lucide-code-xml
--- ---
## Basic ## Basic
@@ -95,8 +95,8 @@ You can change the icon in your `app.config.ts` through the `ui.icons.copy` and
export default defineAppConfig({ export default defineAppConfig({
ui: { ui: {
icons: { icons: {
copy: 'i-lucide-copy', copy: 'lucide-copy',
copyCheck: 'i-lucide-copy-check' copyCheck: 'lucide-copy-check'
} }
} }
}) })
@@ -116,8 +116,8 @@ class: "[&>div]:*:my-0 [&>div]:*:w-full"
export default defineAppConfig({ export default defineAppConfig({
ui: { ui: {
icons: { icons: {
copy: 'i-lucide-copy', copy: 'lucide-copy',
copyCheck: 'i-lucide-copy-check' copyCheck: 'lucide-copy-check'
} }
} }
}) })
@@ -129,8 +129,8 @@ export default defineAppConfig({
export default defineAppConfig({ export default defineAppConfig({
ui: { ui: {
icons: { icons: {
copy: 'i-lucide-copy', copy: 'lucide-copy',
copyCheck: 'i-lucide-copy-check' copyCheck: 'lucide-copy-check'
} }
} }
}) })

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

@@ -2,7 +2,7 @@
title: Prose Components title: Prose Components
description: Components to help you structure your content. description: Components to help you structure your content.
navigation: navigation:
icon: i-lucide-component icon: lucide-component
--- ---
### Accordion ### Accordion
@@ -16,7 +16,7 @@ class: "[&>div]:*:my-0"
:::accordion :::accordion
::::accordion-item ::::accordion-item
--- ---
icon: i-lucide-circle-help icon: lucide-circle-help
label: What are the main considerations when upgrading to Nuxt UI v3? 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. 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 ::::accordion-item
--- ---
icon: i-lucide-circle-help icon: lucide-circle-help
label: Is Nuxt UI v3 compatible with standalone Vue projects? 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. 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. 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 ```mdc
::accordion ::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. 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. 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. 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" class: "[&>div]:*:my-0"
--- ---
:::tabs{.w-full} :::tabs{.w-full}
::::tabs-item{icon="i-lucide-code" label="Code"} ::::tabs-item{icon="lucide-code" label="Code"}
```mdc ```mdc
::callout ::callout
Lorem velit voluptate ex reprehenderit ullamco et culpa. 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 :::::callout
Lorem velit voluptate ex reprehenderit ullamco et culpa. Lorem velit voluptate ex reprehenderit ullamco et culpa.
::::: :::::
@@ -416,7 +416,7 @@ class: "[&>div]:*:my-0"
````mdc ````mdc
::tabs ::tabs
:::tabs-item{label="Code" icon="i-lucide-code"} :::tabs-item{label="Code" icon="lucide-code"}
```mdc ```mdc
::callout ::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 ::::callout
Lorem velit voluptate ex reprehenderit ullamco et culpa. 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 title: Prose Components
description: Components to help you structure your content. description: Components to help you structure your content.
navigation: navigation:
icon: i-lucide-component icon: lucide-component
--- ---
### Accordion ### Accordion
@@ -16,7 +16,7 @@ class: "[&>div]:*:my-0"
:::accordion :::accordion
::::accordion-item ::::accordion-item
--- ---
icon: i-lucide-circle-help icon: lucide-circle-help
label: What are the main considerations when upgrading to Nuxt UI v3? 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. 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 ::::accordion-item
--- ---
icon: i-lucide-circle-help icon: lucide-circle-help
label: Is Nuxt UI v3 compatible with standalone Vue projects? 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. 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. 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 ```mdc
::accordion ::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. 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. 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. 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" class: "[&>div]:*:my-0"
--- ---
:::tabs{.w-full} :::tabs{.w-full}
::::tabs-item{icon="i-lucide-code" label="Code"} ::::tabs-item{icon="lucide-code" label="Code"}
```mdc ```mdc
::callout ::callout
Lorem velit voluptate ex reprehenderit ullamco et culpa. 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 :::::callout
Lorem velit voluptate ex reprehenderit ullamco et culpa. Lorem velit voluptate ex reprehenderit ullamco et culpa.
::::: :::::
@@ -416,7 +416,7 @@ class: "[&>div]:*:my-0"
````mdc ````mdc
::tabs ::tabs
:::tabs-item{label="Code" icon="i-lucide-code"} :::tabs-item{label="Code" icon="lucide-code"}
```mdc ```mdc
::callout ::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 ::::callout
Lorem velit voluptate ex reprehenderit ullamco et culpa. 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 title: Prose Components
description: Components to help you structure your content. description: Components to help you structure your content.
navigation: navigation:
icon: i-lucide-component icon: lucide-component
--- ---
### Accordion ### Accordion
@@ -16,7 +16,7 @@ class: "[&>div]:*:my-0"
:::accordion :::accordion
::::accordion-item ::::accordion-item
--- ---
icon: i-lucide-circle-help icon: lucide-circle-help
label: What are the main considerations when upgrading to Nuxt UI v3? 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. 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 ::::accordion-item
--- ---
icon: i-lucide-circle-help icon: lucide-circle-help
label: Is Nuxt UI v3 compatible with standalone Vue projects? 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. 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. 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 ```mdc
::accordion ::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. 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. 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. 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" class: "[&>div]:*:my-0"
--- ---
:::tabs{.w-full} :::tabs{.w-full}
::::tabs-item{icon="i-lucide-code" label="Code"} ::::tabs-item{icon="lucide-code" label="Code"}
```mdc ```mdc
::callout ::callout
Lorem velit voluptate ex reprehenderit ullamco et culpa. 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 :::::callout
Lorem velit voluptate ex reprehenderit ullamco et culpa. Lorem velit voluptate ex reprehenderit ullamco et culpa.
::::: :::::
@@ -416,7 +416,7 @@ class: "[&>div]:*:my-0"
````mdc ````mdc
::tabs ::tabs
:::tabs-item{label="Code" icon="i-lucide-code"} :::tabs-item{label="Code" icon="lucide-code"}
```mdc ```mdc
::callout ::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 ::::callout
Lorem velit voluptate ex reprehenderit ullamco et culpa. 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 title: Prose Components
description: Components to help you structure your content. description: Components to help you structure your content.
navigation: navigation:
icon: i-lucide-component icon: lucide-component
--- ---
### Accordion ### Accordion
@@ -16,7 +16,7 @@ class: "[&>div]:*:my-0"
:::accordion :::accordion
::::accordion-item ::::accordion-item
--- ---
icon: i-lucide-circle-help icon: lucide-circle-help
label: What are the main considerations when upgrading to Nuxt UI v3? 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. 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 ::::accordion-item
--- ---
icon: i-lucide-circle-help icon: lucide-circle-help
label: Is Nuxt UI v3 compatible with standalone Vue projects? 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. 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. 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 ```mdc
::accordion ::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. 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. 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. 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" class: "[&>div]:*:my-0"
--- ---
:::tabs{.w-full} :::tabs{.w-full}
::::tabs-item{icon="i-lucide-code" label="Code"} ::::tabs-item{icon="lucide-code" label="Code"}
```mdc ```mdc
::callout ::callout
Lorem velit voluptate ex reprehenderit ullamco et culpa. 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 :::::callout
Lorem velit voluptate ex reprehenderit ullamco et culpa. Lorem velit voluptate ex reprehenderit ullamco et culpa.
::::: :::::
@@ -416,7 +416,7 @@ class: "[&>div]:*:my-0"
````mdc ````mdc
::tabs ::tabs
:::tabs-item{label="Code" icon="i-lucide-code"} :::tabs-item{label="Code" icon="lucide-code"}
```mdc ```mdc
::callout ::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 ::::callout
Lorem velit voluptate ex reprehenderit ullamco et culpa. 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 title: Images and Embeds
description: Add image, video, and other HTML elements description: Add image, video, and other HTML elements
navigation: navigation:
icon: i-lucide-image icon: lucide-image
--- ---
## Image ## Image

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

@@ -2,7 +2,7 @@
title: Images and Embeds title: Images and Embeds
description: Add image, video, and other HTML elements description: Add image, video, and other HTML elements
navigation: navigation:
icon: i-lucide-image icon: lucide-image
--- ---
## Image ## Image

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

@@ -2,7 +2,7 @@
title: Images and Embeds title: Images and Embeds
description: Add image, video, and other HTML elements description: Add image, video, and other HTML elements
navigation: navigation:
icon: i-lucide-image icon: lucide-image
--- ---
## Image ## Image

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

@@ -2,7 +2,7 @@
title: Images and Embeds title: Images and Embeds
description: Add image, video, and other HTML elements description: Add image, video, and other HTML elements
navigation: navigation:
icon: i-lucide-image icon: lucide-image
--- ---
## Image ## Image

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

@@ -1,2 +1,2 @@
title: Getting Started 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 title: Introduction
description: Welcome to Nuxt UI Pro documentation template. description: Welcome to Nuxt UI Pro documentation template.
navigation: 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. 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 title: Installation
description: Get started with Nuxt UI Pro documentation template. description: Get started with Nuxt UI Pro documentation template.
navigation: navigation:
icon: i-lucide-download icon: lucide-download
--- ---
::tip{target="_blank" to="https://content.nuxt.com/templates/docs"} ::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 title: Usage
description: Learn how to write and customize your documentation. description: Learn how to write and customize your documentation.
navigation: 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. 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 // URL of your repository content folder
edit: 'https://github.com/nuxt-ui-pro/docs/edit/main/content', edit: 'https://github.com/nuxt-ui-pro/docs/edit/main/content',
links: [{ links: [{
icon: 'i-lucide-star', icon: 'lucide-star',
label: 'Star on GitHub', label: 'Star on GitHub',
to: 'https://github.com/nuxt/ui', to: 'https://github.com/nuxt/ui',
target: '_blank' target: '_blank'
}, { }, {
icon: 'i-lucide-book-open', icon: 'lucide-book-open',
label: 'Nuxt UI Pro docs', label: 'Nuxt UI Pro docs',
to: 'https://ui.nuxt.com/getting-started/installation/pro/nuxt', to: 'https://ui.nuxt.com/getting-started/installation/pro/nuxt',
target: '_blank' target: '_blank'

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

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

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

@@ -2,7 +2,7 @@
title: 入门指南 title: 入门指南
description: 欢迎使用简单文档 description: 欢迎使用简单文档
navigation: 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. 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 title: Installation
description: Get started with Nuxt UI Pro documentation template. description: Get started with Nuxt UI Pro documentation template.
navigation: navigation:
icon: i-lucide-download icon: lucide-download
--- ---
::tip{target="_blank" to="https://content.nuxt.com/templates/docs"} ::tip{target="_blank" to="https://content.nuxt.com/templates/docs"}

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

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

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

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

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

@@ -2,7 +2,7 @@
title: 入门指南 title: 入门指南
description: 欢迎使用简单文档 description: 欢迎使用简单文档
navigation: 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. 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 title: Installation
description: Get started with Nuxt UI Pro documentation template. description: Get started with Nuxt UI Pro documentation template.
navigation: navigation:
icon: i-lucide-download icon: lucide-download
--- ---
::tip{target="_blank" to="https://content.nuxt.com/templates/docs"} ::tip{target="_blank" to="https://content.nuxt.com/templates/docs"}

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

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

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

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

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

@@ -2,7 +2,7 @@
title: 入门指南 title: 入门指南
description: 欢迎使用简单文档 description: 欢迎使用简单文档
navigation: 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. 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 title: Installation
description: Get started with Nuxt UI Pro documentation template. description: Get started with Nuxt UI Pro documentation template.
navigation: navigation:
icon: i-lucide-download icon: lucide-download
--- ---
::tip{target="_blank" to="https://content.nuxt.com/templates/docs"} ::tip{target="_blank" to="https://content.nuxt.com/templates/docs"}

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

@@ -2,7 +2,7 @@
title: 进行测试 title: 进行测试
description: Learn how to write and customize your documentation. description: Learn how to write and customize your documentation.
navigation: 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 size: xl
to: /getting-started to: /getting-started
trailing-icon: i-lucide-arrow-right trailing-icon: lucide-arrow-right
--- ---
Get started Get started
::: :::
@@ -59,7 +59,7 @@ All-in-one documentation template
size: lg size: lg
target: _blank target: _blank
to: https://ui.nuxt.com/getting-started/installation/pro/nuxt to: https://ui.nuxt.com/getting-started/installation/pro/nuxt
trailingIcon: i-lucide-arrow-right trailingIcon: lucide-arrow-right
variant: subtle variant: subtle
--- ---
Discover Nuxt UI Pro v3 Discover Nuxt UI Pro v3
@@ -94,7 +94,7 @@ All-in-one documentation template
:::u-page-feature :::u-page-feature
--- ---
icon: i-lucide-sparkles icon: lucide-sparkles
target: _blank target: _blank
to: https://ui.nuxt.com to: https://ui.nuxt.com
--- ---
@@ -133,7 +133,7 @@ All-in-one documentation template
:::u-page-feature :::u-page-feature
--- ---
icon: i-lucide-search icon: lucide-search
target: _blank target: _blank
to: https://ui.nuxt.com/components/content-search to: https://ui.nuxt.com/components/content-search
--- ---
@@ -152,11 +152,11 @@ All-in-one documentation template
- label: Buy now - label: Buy now
to: https://ui.nuxt.com/pro/purchase to: https://ui.nuxt.com/pro/purchase
target: _blank target: _blank
icon: i-lucide-shopping-cart icon: lucide-shopping-cart
color: neutral color: neutral
- label: License - label: License
to: https://ui.nuxt.com/getting-started/license to: https://ui.nuxt.com/getting-started/license
trailingIcon: i-lucide-circle-help trailingIcon: lucide-circle-help
target: _blank target: _blank
color: neutral color: neutral
variant: subtle variant: subtle

12
nuxt.schema.ts
View File

@@ -40,42 +40,42 @@ export default defineNuxtSchema({
title: 'Search Bar', title: 'Search Bar',
description: 'Icon to display in the search bar.', description: 'Icon to display in the search bar.',
icon: 'i-mdi-magnify', icon: 'i-mdi-magnify',
default: 'i-lucide-search' default: 'lucide-search'
}), }),
dark: field({ dark: field({
type: 'icon', type: 'icon',
title: 'Dark mode', title: 'Dark mode',
description: 'Icon of color mode button for dark mode.', description: 'Icon of color mode button for dark mode.',
icon: 'i-mdi-moon-waning-crescent', icon: 'i-mdi-moon-waning-crescent',
default: 'i-lucide-moon' default: 'lucide-moon'
}), }),
light: field({ light: field({
type: 'icon', type: 'icon',
title: 'Light mode', title: 'Light mode',
description: 'Icon of color mode button for light mode.', description: 'Icon of color mode button for light mode.',
icon: 'i-mdi-white-balance-sunny', icon: 'i-mdi-white-balance-sunny',
default: 'i-lucide-sun' default: 'lucide-sun'
}), }),
external: field({ external: field({
type: 'icon', type: 'icon',
title: 'External Link', title: 'External Link',
description: 'Icon for external link.', description: 'Icon for external link.',
icon: 'i-mdi-arrow-top-right', icon: 'i-mdi-arrow-top-right',
default: 'i-lucide-external-link' default: 'lucide-external-link'
}), }),
chevron: field({ chevron: field({
type: 'icon', type: 'icon',
title: 'Chevron', title: 'Chevron',
description: 'Icon for chevron.', description: 'Icon for chevron.',
icon: 'i-mdi-chevron-down', icon: 'i-mdi-chevron-down',
default: 'i-lucide-chevron-down' default: 'lucide-chevron-down'
}), }),
hash: field({ hash: field({
type: 'icon', type: 'icon',
title: 'Hash', title: 'Hash',
description: 'Icon for hash anchors.', description: 'Icon for hash anchors.',
icon: 'i-ph-hash', icon: 'i-ph-hash',
default: 'i-lucide-hash' default: 'lucide-hash'
}) })
} }
}) })