将i-lucide都改为lucide本地库
This commit is contained in:
@@ -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
|
||||
|
Reference in New Issue
Block a user