From 52a92c658fe50b8e4e5c8d9e827c3094b5a741ff Mon Sep 17 00:00:00 2001 From: Benjamin Canac Date: Mon, 3 Mar 2025 18:39:57 +0100 Subject: [PATCH] docs(migration): add ui pro components table --- docs/content/1.getting-started/2.migration.md | 59 ++++++++++++++++--- 1 file changed, 50 insertions(+), 9 deletions(-) diff --git a/docs/content/1.getting-started/2.migration.md b/docs/content/1.getting-started/2.migration.md index 8ff8d16e..c6d7f4d0 100644 --- a/docs/content/1.getting-started/2.migration.md +++ b/docs/content/1.getting-started/2.migration.md @@ -293,18 +293,59 @@ We can't detail all the changes here but you can check each component's theme in ### Renamed components -We've renamed some components to align with the Reka UI naming convention. +We've renamed some Nuxt UI components to align with the Reka UI naming convention: | v2 | v3 | | --- | --- | -| `Divider` | `Separator` | -| `Dropdown` | `DropdownMenu` | -| `FormGroup` | `FormField` | -| `Range` | `Slider` | -| `Toggle` | `Switch` | -| `Notification` | `Toast` | -| `VerticalNavigation` | `NavigationMenu` with `orientation="vertical"` | -| `HorizontalNavigation` | `NavigationMenu` with `orientation="horizontal"` | +| `Divider` | [`Separator`](/components/separator) | +| `Dropdown` | [`DropdownMenu`](/components/dropdown-menu) | +| `FormGroup` | [`FormField`](/components/form-field) | +| `Range` | [`Slider`](/components/slider) | +| `Toggle` | [`Switch`](/components/switch) | +| `Notification` | [`Toast`](/components/toast) | +| `VerticalNavigation` | [`NavigationMenu`](/components/navigation-menu) with `orientation="vertical"` | +| `HorizontalNavigation` | [`NavigationMenu`](/components/navigation-menu) with `orientation="horizontal"` | + +::module-only +#ui-pro +:::div +Here are the Nuxt UI Pro components that have been renamed or removed: + +| v1 | v3 | +| --- | --- | +| `BlogList` | [`BlogPosts`](/components/blog-posts) | +| `ColorModeToggle` | [`ColorModeSwitch`](/components/color-mode-switch) | +| `DashboardCard` | Removed (use [`PageCard`](/components/page-card) instead) | +| `DashboardLayout` | [`DashboardGroup`](/components/dashboard-group) | +| `DashboardModal` | Removed (use [`Modal`](/components/modal) instead) | +| `DashboardNavbarToggle` | [`DashboardSidebarToggle`](/components/dashboard-sidebar-toggle) | +| `DashboardPage` | Removed | +| `DashboardPanelContent` | Removed (use `#body` slot instead) | +| `DashboardPanelHandle` | [`DashboardResizeHandle`](/components/dashboard-resize-handle) | +| `DashboardSection` | Removed (use [`PageCard`](/components/page-card) instead) | +| `DashboardSidebarLinks` | Removed (use [`NavigationMenu`](/components/navigation-menu) instead) | +| `DashboardSlideover` | Removed (use [`Slideover`](/components/slideover) instead) | +| `FooterLinks` | Removed (use [`NavigationMenu`](/components/navigation-menu) instead) | +| `HeaderLinks` | Removed (use [`NavigationMenu`](/components/navigation-menu) instead) | +| `LandingCard` | Removed (use [`PageCard`](/components/page-card) instead) | +| `LandingCTA` | [`PageCTA`](/components/page-cta) | +| `LandingFAQ` | Removed (use [`PageAccordion`](/components/page-accordion) instead) | +| `LandingGrid` | Removed (use [`PageGrid`](/components/page-grid) instead) | +| `LandingHero` | Removed (use [`PageHero`](/components/page-hero) instead) | +| `LandingLogos` | [`PageLogos`](/components/page-logos) | +| `LandingSection` | [`PageSection`](/components/page-section) | +| `LandingTestimonial` | Removed (use [`PageCard`](/components/page-card#as-a-testimonial) instead) | +| `NavigationAccordion` | [`ContentNavigation`](/components/content-navigation) | +| `NavigationLinks` | [`ContentNavigation`](/components/content-navigation) | +| `NavigationTree` | [`ContentNavigation`](/components/content-navigation) | +| `PageError` | [`Error`](/components/error) | +| `PricingCard` | [`PricingPlan`](/components/pricing-plan) | +| `PricingGrid` | [`PricingPlans`](/components/pricing-plans) | +| `PricingSwitch` | Removed (use [`Switch`](/components/switch) or [`Tabs`](/components/tabs) instead) | + +::: + +:: ### Changed components