将i-lucide都改为lucide本地库
This commit is contained in:
@@ -1,3 +1,3 @@
|
||||
title: 简单文档
|
||||
description: 一个简约但功能强大的开源文档系统
|
||||
icon: i-lucide-rocket
|
||||
icon: lucide-rocket
|
||||
|
@@ -2,7 +2,7 @@
|
||||
title: 入门指南
|
||||
description: 欢迎使用简单文档
|
||||
navigation:
|
||||
icon: i-lucide-house
|
||||
icon: lucide-house
|
||||
---
|
||||
|
||||
|
||||
|
@@ -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,7 +2,7 @@
|
||||
title: 进行测试
|
||||
description: Learn how to write and customize your documentation.
|
||||
navigation:
|
||||
icon: i-lucide-sliders
|
||||
icon: lucide-sliders
|
||||
---
|
||||
|
||||
::playground
|
||||
|
@@ -1,2 +1,2 @@
|
||||
title: Essentials
|
||||
icon: i-lucide-book-open
|
||||
icon: lucide-book-open
|
@@ -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,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,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,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,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'
|
||||
}
|
||||
}
|
||||
})
|
||||
|
@@ -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'
|
||||
}
|
||||
}
|
||||
})
|
||||
|
@@ -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'
|
||||
}
|
||||
}
|
||||
})
|
||||
|
@@ -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'
|
||||
}
|
||||
}
|
||||
})
|
||||
|
@@ -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,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,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,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,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,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,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,7 +2,7 @@
|
||||
title: Images and Embeds
|
||||
description: Add image, video, and other HTML elements
|
||||
navigation:
|
||||
icon: i-lucide-image
|
||||
icon: lucide-image
|
||||
---
|
||||
|
||||
## Image
|
||||
|
@@ -1,2 +1,2 @@
|
||||
title: Getting Started
|
||||
icon: i-lucide-book-open
|
||||
icon: lucide-book-open
|
||||
|
@@ -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,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,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'
|
||||
|
@@ -1,3 +1,3 @@
|
||||
title: 无人自助系统
|
||||
description: 一个简约但功能强大的开源文档系统
|
||||
icon: i-lucide-rocket
|
||||
icon: lucide-rocket
|
||||
|
@@ -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,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,7 +2,7 @@
|
||||
title: 进行测试
|
||||
description: Learn how to write and customize your documentation.
|
||||
navigation:
|
||||
icon: i-lucide-sliders
|
||||
icon: lucide-sliders
|
||||
---
|
||||
|
||||
|
||||
|
@@ -1,3 +1,3 @@
|
||||
title: 智慧物业系统
|
||||
description: 一个简约但功能强大的开源文档系统
|
||||
icon: i-lucide-rocket
|
||||
icon: lucide-rocket
|
||||
|
@@ -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,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,7 +2,7 @@
|
||||
title: 进行测试
|
||||
description: Learn how to write and customize your documentation.
|
||||
navigation:
|
||||
icon: i-lucide-sliders
|
||||
icon: lucide-sliders
|
||||
---
|
||||
|
||||
|
||||
|
@@ -1,3 +1,3 @@
|
||||
title: 简约博客
|
||||
description: 一个简约但功能强大的开源文档系统
|
||||
icon: i-lucide-rocket
|
||||
icon: lucide-rocket
|
||||
|
@@ -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,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,7 +2,7 @@
|
||||
title: 进行测试
|
||||
description: Learn how to write and customize your documentation.
|
||||
navigation:
|
||||
icon: i-lucide-sliders
|
||||
icon: lucide-sliders
|
||||
---
|
||||
|
||||
|
||||
|
@@ -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
|
||||
|
Reference in New Issue
Block a user