+
+
+
+
+
+
+
diff --git a/docs/app/components/StarsBg.vue b/docs/app/components/StarsBg.vue
index ab9636a9..ba8af2ed 100644
--- a/docs/app/components/StarsBg.vue
+++ b/docs/app/components/StarsBg.vue
@@ -1,52 +1,115 @@
+
+
-
-
-
-
+
-
-
+
diff --git a/docs/app/components/content/ComponentPropsSchema.vue b/docs/app/components/content/ComponentPropsSchema.vue
index b92a3d68..eaef2349 100644
--- a/docs/app/components/content/ComponentPropsSchema.vue
+++ b/docs/app/components/content/ComponentPropsSchema.vue
@@ -1,4 +1,5 @@
diff --git a/docs/app/components/content/SupportedLanguages.vue b/docs/app/components/content/SupportedLanguages.vue
index 14eeb616..2e76d5f7 100644
--- a/docs/app/components/content/SupportedLanguages.vue
+++ b/docs/app/components/content/SupportedLanguages.vue
@@ -9,21 +9,22 @@ const props = withDefaults(defineProps<{
function getEmojiFlag(locale: string): string {
const languageToCountry: Record = {
- ar: 'sa',
- bn: 'bd',
- cs: 'cz',
- da: 'dk',
- el: 'gr',
- et: 'ee',
- en: 'gb',
- hi: 'in',
- ja: 'jp',
- km: 'kh',
- ko: 'kr',
- nb: 'no',
- sv: 'se',
- uk: 'ua',
- vi: 'vn'
+ ar: 'sa', // Arabic -> Saudi Arabia
+ bn: 'bd', // Bengali -> Bangladesh
+ cs: 'cz', // Czech -> Czech Republic (note: modern country code is actually 'cz')
+ da: 'dk', // Danish -> Denmark
+ el: 'gr', // Greek -> Greece
+ et: 'ee', // Estonian -> Estonia
+ en: 'gb', // English -> Great Britain
+ he: 'il', // Hebrew -> Israel
+ hi: 'in', // Hindi -> India
+ ja: 'jp', // Japanese -> Japan
+ km: 'kh', // Khmer -> Cambodia
+ ko: 'kr', // Korean -> South Korea
+ nb: 'no', // Norwegian Bokmål -> Norway
+ sv: 'se', // Swedish -> Sweden
+ uk: 'ua', // Ukrainian -> Ukraine
+ vi: 'vn' // Vietnamese -> Vietnam
}
const baseLanguage = locale.split('-')[0]?.toLowerCase() || locale
diff --git a/docs/app/components/content/examples/command-palette/CommandPaletteFetchExample.vue b/docs/app/components/content/examples/command-palette/CommandPaletteFetchExample.vue
index d14a1a820..06127ef0 100644
--- a/docs/app/components/content/examples/command-palette/CommandPaletteFetchExample.vue
+++ b/docs/app/components/content/examples/command-palette/CommandPaletteFetchExample.vue
@@ -2,6 +2,7 @@
const searchTerm = ref('')
const { data: users, status } = await useFetch('https://jsonplaceholder.typicode.com/users', {
+ key: 'command-palette-users',
transform: (data: { id: number, name: string, email: string }[]) => {
return data?.map(user => ({ id: user.id, label: user.name, suffix: user.email, avatar: { src: `https://i.pravatar.cc/120?img=${user.id}` } })) || []
},
diff --git a/docs/app/components/content/examples/command-palette/CommandPaletteFuseExample.vue b/docs/app/components/content/examples/command-palette/CommandPaletteFuseExample.vue
index c0415527..ecf713b1 100644
--- a/docs/app/components/content/examples/command-palette/CommandPaletteFuseExample.vue
+++ b/docs/app/components/content/examples/command-palette/CommandPaletteFuseExample.vue
@@ -1,5 +1,6 @@
-
+
diff --git a/docs/app/components/content/examples/input-menu/InputMenuFetchExample.vue b/docs/app/components/content/examples/input-menu/InputMenuFetchExample.vue
index d5753672..80fea1f1 100644
--- a/docs/app/components/content/examples/input-menu/InputMenuFetchExample.vue
+++ b/docs/app/components/content/examples/input-menu/InputMenuFetchExample.vue
@@ -1,5 +1,6 @@
+
+
+ {
+ if (child.path.startsWith('/components')) {
+ return true
+ }
+
if (child.framework && child.framework !== framework.value) {
return false
}
diff --git a/docs/app/composables/useLinks.ts b/docs/app/composables/useLinks.ts
index 390b20da..fe5fcbb4 100644
--- a/docs/app/composables/useLinks.ts
+++ b/docs/app/composables/useLinks.ts
@@ -12,23 +12,17 @@ export function useLinks() {
to: '/components',
active: route.path === '/components',
children: [{
- label: 'Layout',
- to: '/components#layout',
- description: 'Container, grid, divider and responsive layout.',
- icon: 'i-lucide-layout',
- active: route.fullPath === '/components#layout'
+ label: 'Element',
+ to: '/components#element',
+ description: 'Button, badge, icon, alert, and small UI elements.',
+ icon: 'i-lucide-mouse-pointer',
+ active: route.fullPath === '/components#element'
}, {
label: 'Form',
to: '/components#form',
description: 'Input, select, checkbox, radio and form validation.',
icon: 'i-lucide-text-cursor-input',
active: route.fullPath === '/components#form'
- }, {
- label: 'Element',
- to: '/components#element',
- description: 'Button, badge, icon, alert, and small UI elements.',
- icon: 'i-lucide-mouse-pointer',
- active: route.fullPath === '/components#element'
}, {
label: 'Data',
to: '/components#data',
@@ -47,6 +41,12 @@ export function useLinks() {
description: 'Modal, tooltip, dialog and popover.',
icon: 'i-lucide-layers',
active: route.fullPath === '/components#overlay'
+ }, {
+ label: 'Layout',
+ to: '/components#layout',
+ description: 'Container, grid, divider and responsive layout.',
+ icon: 'i-lucide-layout',
+ active: route.fullPath === '/components#layout'
}]
}, {
label: 'Pro',
diff --git a/docs/app/error.vue b/docs/app/error.vue
index bdef3f32..d329df72 100644
--- a/docs/app/error.vue
+++ b/docs/app/error.vue
@@ -1,6 +1,5 @@
@@ -137,7 +123,7 @@ const communityLinks = computed(() => [{
-
diff --git a/docs/app/pages/components.vue b/docs/app/pages/components.vue
index b2d426e2..ea002196 100644
--- a/docs/app/pages/components.vue
+++ b/docs/app/pages/components.vue
@@ -15,7 +15,7 @@ useSeoMeta({
ogImage: joinURL(url, '/og-image.png')
})
-const { data: components } = await useAsyncData('components', () => {
+const { data: components } = await useAsyncData('all-components', () => {
return queryCollection('content')
.where('path', 'LIKE', '/components/%')
.where('extension', '=', 'md')
@@ -31,17 +31,13 @@ const componentsPerCategory = computed(() => {
})
const categories = [{
- id: 'layout',
- title: 'Layout',
- description: 'Structural components for organizing content, including containers, grids, dividers, and responsive layout systems.'
+ id: 'element',
+ title: 'Element',
+ description: 'Core UI building blocks like buttons, badges, icons, avatars, and other fundamental interface elements.'
}, {
id: 'form',
title: 'Form',
description: 'Interactive form elements including inputs, selects, checkboxes, radio buttons, and advanced form validation components.'
-}, {
- id: 'element',
- title: 'Element',
- description: 'Core UI building blocks like buttons, badges, icons, avatars, and other fundamental interface elements.'
}, {
id: 'data',
title: 'Data',
@@ -54,6 +50,10 @@ const categories = [{
id: 'overlay',
title: 'Overlay',
description: 'Floating UI elements like modals, dialogs, tooltips, popovers, and other components that overlay the main content.'
+}, {
+ id: 'layout',
+ title: 'Layout',
+ description: 'Structural components for organizing content, including containers, grids, dividers, and responsive layout systems.'
}]
const { y } = useWindowScroll()
@@ -81,7 +81,10 @@ onMounted(() => {
orientation="vertical"
:ui="{ title: 'text-balance', container: 'relative' }"
>
-
+
+
+
+
{
Build beautiful UI with {{ components!.length }}+ powerful components
+
{
size="xl"
/>
-
-
-
+
+
diff --git a/docs/app/components/content/ComponentProps.vue b/docs/app/components/content/ComponentProps.vue
index 5bcb2bb1..399d56b8 100644
--- a/docs/app/components/content/ComponentProps.vue
+++ b/docs/app/components/content/ComponentProps.vue
@@ -1,5 +1,5 @@
+
+
+
+
+
+
+
+
+
diff --git a/docs/app/components/og-image/OgImageComponent.vue b/docs/app/components/og-image/OgImageComponent.vue
index 1c8c8497..3671fed6 100644
--- a/docs/app/components/og-image/OgImageComponent.vue
+++ b/docs/app/components/og-image/OgImageComponent.vue
@@ -3,7 +3,7 @@ withDefaults(defineProps<{
title: string
description: string
component: string
- module: string
+ module?: string
}>(), {
module: ''
})
diff --git a/docs/app/components/og-image/OgImageDocs.vue b/docs/app/components/og-image/OgImageDocs.vue
index 5a245fca..a9b25d54 100644
--- a/docs/app/components/og-image/OgImageDocs.vue
+++ b/docs/app/components/og-image/OgImageDocs.vue
@@ -3,8 +3,8 @@ withDefaults(defineProps<{
title: string
description: string
headline: string
- framework: string
- module: string
+ framework?: string
+ module?: string
}>(), {
framework: 'nuxt',
module: ''
diff --git a/docs/app/composables/useContentNavigation.ts b/docs/app/composables/useContentNavigation.ts
index df0c0ebe..579a2b40 100644
--- a/docs/app/composables/useContentNavigation.ts
+++ b/docs/app/composables/useContentNavigation.ts
@@ -37,6 +37,10 @@ export const useContentNavigation = (navigation: Ref
+
+
+ ![]()
+
+
+
+
@@ -148,6 +151,7 @@ onMounted(() => {
:description="component.description"
:to="component.path"
:ui="{ wrapper: 'order-last', container: 'lg:flex' }"
+ class="group"
>
@@ -156,7 +160,7 @@ onMounted(() => {
-
+
- We recommend the open source [TeamPad Dev](https://github.com/ecomfe/tempad-dev) inspect panel with the [TeamPad Dev Nuxt UI Plugin](https://github.com/Justineo/tempad-dev-plugin-nuxt-ui):
+ We recommend the open source [TemPad Dev](https://github.com/ecomfe/tempad-dev) inspect panel with the [TemPad Dev Nuxt UI Plugin](https://github.com/Justineo/tempad-dev-plugin-nuxt-ui):
- 1. Install the [TeamPad Dev Chrome Extension](https://chromewebstore.google.com/detail/tempad-dev/lgoeakbaikpkihoiphamaeopmliaimpc)
+ 1. Install the [TemPad Dev Chrome Extension](https://chromewebstore.google.com/detail/tempad-dev/lgoeakbaikpkihoiphamaeopmliaimpc)
- 2. Open your Figma file with Nuxt UI components (reload the page if you don't see the TeamPad Dev panel)
+ 2. Open your Figma file with Nuxt UI components (reload the page if you don't see the TemPad Dev panel)
- 3. Install the `@nuxt` in TeamPad Dev's plugins section
+ 3. Install the `@nuxt` (or `@nuxt/pro` for Nuxt UI Pro) in TemPad Dev's plugins section
4. Select any Nuxt UI component and inspect the code it generates
- {.w-full .rounded .mb-2 .max-w-[636px]}
-
- *Right now, only Nuxt UI components are supported, but the code of the plugin is [open source](https://github.com/Justineo/tempad-dev-plugin-nuxt-ui) and anyone can contribute to it.*
+ {.w-full .rounded .mb-2 .max-w-[636px]}
diff --git a/docs/app/pages/figma/index.vue b/docs/app/pages/figma/index.vue
index c30e2098..de9065cc 100644
--- a/docs/app/pages/figma/index.vue
+++ b/docs/app/pages/figma/index.vue
@@ -93,10 +93,10 @@ onMounted(async () => {
}"
>
-
@@ -140,10 +140,10 @@ onMounted(async () => {
class="rounded-none bg-gradient-to-b from-(--ui-bg-muted) to-(--ui-bg)"
>
-
@@ -189,7 +189,7 @@ onMounted(async () => {
}"
>
-
diff --git a/docs/app/pages/index.vue b/docs/app/pages/index.vue
new file mode 100644
index 00000000..9ae38525
--- /dev/null
+++ b/docs/app/pages/index.vue
@@ -0,0 +1,307 @@
+
+
+
+
+
+
+ The Intuitive
Vue UI Library + + + {{ page.hero.description }} + + + +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Build faster with Nuxt UI Pro.
+
+
+ A collection of premium Vue components, composables and utils built on top of Nuxt UI.
Focused on structure and layout, these responsive components are designed to be the perfect building blocks for your next idea. + + +
+ Discover Nuxt UI Pro
+
+
+ Explore templates
+
+
+
+
+
+
diff --git a/docs/app/pages/pro/.content/pricing.yml b/docs/app/pages/pro/.content/pricing.yml
index 9a5bd887..8b3cab5b 100644
--- a/docs/app/pages/pro/.content/pricing.yml
+++ b/docs/app/pages/pro/.content/pricing.yml
@@ -17,7 +17,10 @@ pricing:
title: Figma Kit Pro
description: Get all Nuxt UI Pro components in a Figma kit to design your next application before coding. Everything you need, from wire-framing to high-fidelity web integration.
orientation: horizontal
- price: $149 - $349
+ price: $149
+ # discount: $119
+ billing_period: one-time payment
+ billing_cycle: plus local taxes
terms: Solo & Team licenses available.
features:
- 1700+ components & variants from Nuxt UI & UI Pro
@@ -29,13 +32,14 @@ pricing:
- Free [preview available](https://www.figma.com/design/mxXR9binOSLU3rYKZZRPXs/PREVIEW---NuxtUIPro-V3-BETA?m=auto&t=c4598Wr0rZwKPs5M-1)
- Includes Nuxt UI [Figma Kit](https://www.figma.com/community/file/1288455405058138934)
button:
- label: Explore Figma Kit Pricing
+ label: Buy Figma Kit
to: 'https://nuxt.lemonsqueezy.com/buy/17213c49-621b-4c2c-9478-3a50a099003d'
color: 'neutral'
plans:
- title: Solo
description: Tailored for indie hackers, freelancers and solo founders.
price: $249
+ # discount: $199
billing_period: one-time payment
billing_cycle: plus local taxes
features:
@@ -50,6 +54,7 @@ pricing:
- title: Startup
description: Best suited for small teams, startups and agencies.
price: $499
+ # discount: $399
billing_period: one-time payment
billing_cycle: plus local taxes
features:
@@ -65,6 +70,7 @@ pricing:
- title: Organization
description: Ideal for larger teams and organizations.
price: $999
+ # discount: $799
billing_period: one-time payment
billing_cycle: plus local taxes
features:
@@ -174,7 +180,7 @@ testimonials:
- quote: "Nuxt UI Pro is my preferred choice for everything, from a POC to a web platform. It's ready to use out-of-the-box and assists me in crafting pixel-perfect UIs. It saves me a significant amount of time while remaining highly customizable. Give it a try, and you won't be let down."
user:
name: 'Estéban Soubiran'
- description: 'Web developer and UnJS member'
+ description: 'Software engineer'
to: 'https://x.com/soubiran_'
target: _blank
avatar:
diff --git a/docs/app/pages/pro/.content/pro.yml b/docs/app/pages/pro/.content/pro.yml
index 0e82a4bb..8a957082 100644
--- a/docs/app/pages/pro/.content/pro.yml
+++ b/docs/app/pages/pro/.content/pro.yml
@@ -7,13 +7,13 @@ hero:
- label: Buy a license
size: xl
to: /pro/pricing
- trailing-icon: i-lucide-arrow-right
- - label: Get started
+ - label: Try for free
trailing: true
color: neutral
- variant: ghost
+ variant: outline
to: /getting-started/installation/pro/nuxt
size: xl
+ trailingIcon: i-lucide-arrow-right
features:
title: Create stunning Vue applications faster.
description: Nuxt UI Pro comes packed with powerful features to help you build modern, performant, accessible and responsive Nuxt applications at record speed. From pre-built UI sections to Figma design kits, every detail is crafted to speed up your development and deliver a polished user experience.
@@ -157,8 +157,8 @@ cta:
links:
- label: Buy a license
to: '/pro/pricing'
- trailing-icon: i-lucide-arrow-right
- - label: Get started
- to: '/getting-started/license'
- variant: ghost
+ - label: Try for free
+ to: /getting-started/installation/pro/nuxt
+ variant: outline
color: neutral
+ trailingIcon: i-lucide-arrow-right
diff --git a/docs/app/pages/pro/.content/templates.yml b/docs/app/pages/pro/.content/templates.yml
index 0c2d6a69..bd5bf746 100644
--- a/docs/app/pages/pro/.content/templates.yml
+++ b/docs/app/pages/pro/.content/templates.yml
@@ -5,16 +5,16 @@ hero:
description: 'Ready to use templates powered by our premium Vue components and Nuxt Content.
The templates are responsive, accessible and easy to customize so you can get started in no time.' navigation: false links: - - label: Get started - to: /getting-started/installation/pro/nuxt#use-an-official-template - color: neutral + - label: Buy a license + color: primary size: xl - trailingIcon: i-lucide-arrow-right - - label: Purchase a license + to: /pro/pricing + - label: Try for free + to: /getting-started/installation/pro/nuxt#use-an-official-template size: xl color: neutral variant: outline - to: /pro/pricing + trailingIcon: i-lucide-arrow-right templates: - title: 'Dashboard' description: "A template to illustrate how to build your own dashboard with the 15+ latest Nuxt UI Pro components, designed specifically to create a consistent look and feel." @@ -30,7 +30,7 @@ templates: - title: Resizable multi-column layout icon: i-lucide-columns-3 links: - - label: Live Preview + - label: Preview to: https://dashboard-template.nuxt.dev target: _blank leadingIcon: i-logos-nuxt-icon @@ -42,7 +42,7 @@ templates: icon: i-simple-icons-github color: neutral variant: outline - - label: Live Preview + - label: Preview to: https://vue-dashboard-template.nuxt.dev target: _blank leadingIcon: i-logos-vue @@ -68,7 +68,7 @@ templates: - title: Authentication pages (login, register) icon: i-lucide-user-round-check links: - - label: Live Preview + - label: Preview to: https://saas-template.nuxt.dev target: _blank leadingIcon: i-logos-nuxt-icon @@ -94,7 +94,7 @@ templates: - title: Write content in YAML icon: i-simple-icons-yaml links: - - label: Live Preview + - label: Preview to: https://landing-template.nuxt.dev target: _blank leadingIcon: i-logos-nuxt-icon @@ -120,7 +120,7 @@ templates: - title: Full-text search out of the box icon: i-lucide-search links: - - label: Live Preview + - label: Preview to: https://docs-template.nuxt.dev target: _blank leadingIcon: i-logos-nuxt-icon @@ -144,7 +144,7 @@ templates: - title: Nuxt 4 Compatibility Enabled icon: i-simple-icons-nuxtdotjs links: - - label: Live Preview + - label: Preview to: https://ui-pro-starter.nuxt.dev target: _blank leadingIcon: i-logos-nuxt-icon @@ -156,7 +156,7 @@ templates: variant: outline icon: i-simple-icons-github color: neutral - - label: Live Preview + - label: Preview to: https://ui-pro-starter-vue.nuxt.dev target: _blank leadingIcon: i-logos-vue diff --git a/docs/app/pages/pro/activate.vue b/docs/app/pages/pro/activate.vue index d0b9b2fb..6d1ab316 100644 --- a/docs/app/pages/pro/activate.vue +++ b/docs/app/pages/pro/activate.vue @@ -70,14 +70,12 @@ onMounted(() => {
-
-
-
+
-
@@ -233,6 +233,7 @@ onMounted(async () => {
:title="plan.title"
:description="plan.description"
:price="plan.price"
+ :discount="plan.discount"
:billing-period="plan.billing_period"
:billing-cycle="plan.billing_cycle"
:highlight="plan.highlight"
@@ -245,7 +246,7 @@ onMounted(async () => {
-
- +
@@ -281,8 +282,8 @@ onMounted(async () => {
:items="(page.faq.items as any[])"
class="max-w-4xl mx-auto"
>
-
-
Vue UI Library + + + {{ page.hero.description }} + + + +
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ -
+
+
+
+
+
+ {{ feature.title }}
+
+
+
+ {{ feature.title }}
+
+ + {{ feature.description }} +
++ {{ format(module?.stats?.downloads ?? 0) }}+ +
+monthly downloads
++ {{ format(module?.stats?.stars ?? 0) }}+ +
+GitHub stars
++ 175+ +
+Contributors
+
+
+ Focused on structure and layout, these responsive components are designed to be the perfect building blocks for your next idea. + + +
+
+ ![]()
+
+
+ ![]()
+
+
+ ![]()
+
+
+ The templates are responsive, accessible and easy to customize so you can get started in no time.' navigation: false links: - - label: Get started - to: /getting-started/installation/pro/nuxt#use-an-official-template - color: neutral + - label: Buy a license + color: primary size: xl - trailingIcon: i-lucide-arrow-right - - label: Purchase a license + to: /pro/pricing + - label: Try for free + to: /getting-started/installation/pro/nuxt#use-an-official-template size: xl color: neutral variant: outline - to: /pro/pricing + trailingIcon: i-lucide-arrow-right templates: - title: 'Dashboard' description: "A template to illustrate how to build your own dashboard with the 15+ latest Nuxt UI Pro components, designed specifically to create a consistent look and feel." @@ -30,7 +30,7 @@ templates: - title: Resizable multi-column layout icon: i-lucide-columns-3 links: - - label: Live Preview + - label: Preview to: https://dashboard-template.nuxt.dev target: _blank leadingIcon: i-logos-nuxt-icon @@ -42,7 +42,7 @@ templates: icon: i-simple-icons-github color: neutral variant: outline - - label: Live Preview + - label: Preview to: https://vue-dashboard-template.nuxt.dev target: _blank leadingIcon: i-logos-vue @@ -68,7 +68,7 @@ templates: - title: Authentication pages (login, register) icon: i-lucide-user-round-check links: - - label: Live Preview + - label: Preview to: https://saas-template.nuxt.dev target: _blank leadingIcon: i-logos-nuxt-icon @@ -94,7 +94,7 @@ templates: - title: Write content in YAML icon: i-simple-icons-yaml links: - - label: Live Preview + - label: Preview to: https://landing-template.nuxt.dev target: _blank leadingIcon: i-logos-nuxt-icon @@ -120,7 +120,7 @@ templates: - title: Full-text search out of the box icon: i-lucide-search links: - - label: Live Preview + - label: Preview to: https://docs-template.nuxt.dev target: _blank leadingIcon: i-logos-nuxt-icon @@ -144,7 +144,7 @@ templates: - title: Nuxt 4 Compatibility Enabled icon: i-simple-icons-nuxtdotjs links: - - label: Live Preview + - label: Preview to: https://ui-pro-starter.nuxt.dev target: _blank leadingIcon: i-logos-nuxt-icon @@ -156,7 +156,7 @@ templates: variant: outline icon: i-simple-icons-github color: neutral - - label: Live Preview + - label: Preview to: https://ui-pro-starter-vue.nuxt.dev target: _blank leadingIcon: i-logos-vue diff --git a/docs/app/pages/pro/activate.vue b/docs/app/pages/pro/activate.vue index d0b9b2fb..6d1ab316 100644 --- a/docs/app/pages/pro/activate.vue +++ b/docs/app/pages/pro/activate.vue @@ -70,14 +70,12 @@ onMounted(() => {
-
+
@@ -83,11 +82,11 @@ useSeoMeta({
}"
>
-
-
+
-
+
-
+
@@ -117,13 +116,13 @@ useSeoMeta({
wrapper: 'grid grid-cols-1 lg:grid-cols-2',
description: 'lg:mt-0' }"
orientation="horizontal"
- class="rounded-none border-t border-(--ui-border) bg-gradient-to-b from-(--ui-bg-muted) to-(--ui-bg)"
+ class="rounded-none border-t border-(--ui-border) bg-gradient-to-b from-(--ui-bg-elevated)/50 to-(--ui-bg)"
>
-
-
+
{
-
-
+ If you purchased a license with multiple seats, activate the license key for each member of your team.
+
+
diff --git a/docs/app/pages/pro/index.vue b/docs/app/pages/pro/index.vue
index 45278c13..d3c2eaae 100644
--- a/docs/app/pages/pro/index.vue
+++ b/docs/app/pages/pro/index.vue
@@ -26,15 +26,14 @@ useSeoMeta({
}"
>
- - If you purchased a license with multiple seats, activate the license key for each member of your team. -
- - + +