Skip to content

feat: update @nuxt/ui to match v4 #54

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 1 commit into
base: main
Choose a base branch
from
Open

feat: update @nuxt/ui to match v4 #54

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
66 changes: 43 additions & 23 deletions data/libraries.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,51 +5,71 @@ export const libraries: Array<Library> = [
name: "Nuxt UI",
onTopOf: "Reka UI",
logo: "nuxt.svg",
url: "https://ui.nuxt.com?aff=7GP4Wq",
repoOwner: "nuxtlabs",
url: "https://ui.nuxt.com",
repoOwner: "nuxt",
repoName: "ui",
package: "@nuxt/ui",
componentMatchings: [
"Accordion",
"Alert",
"Avatar",
"Avatar Group",
"Badge",
"Banner",
"Button",
"Date Picker",
"Button Group",
"Breadcrumb",
"Carousel",
"Marquee",
"Collapsible",
"Divider",
"Dropdown",
"Icon",
"Keyboard Key",
"Input",
"Textarea",
"Select",
"Dropdown",
"Chat Bubble",
"Select Button",
"Table of Contents",
"Marquee",
"Link",
"Timeline",
"Auto Complete",
"Checkbox",
"Color Picker",
"Date Picker",
"File Input",
"Form",
"Form Field",
"Input",
"Input Number",
"Input Chips",
"OTP Input",
"Radio",
"Toggle",
"Range",
"Table",
"Vertical Navigation",
"Select",
"Textarea",
"Toggle",
"Command Palette",
"Navigation Menu",
"Pagination",
"Progress",
"Steps",
"Tabs",
"Vertical Navigation",
"Context Menu",
"Modal",
"Slideover",
"Popover",
"Tooltip",
"Context Menu",
"Slideover",
"Toast",
"Tooltip",
"Card",
"Container",
"Drawer",
"Footer",
"Header",
"Skeleton",
"Divider",
"Progress",
"Carousel",
"Color Picker",
"OTP Input",
"Steps",
"Calendar",
"Table",
"Tree",
"Breadcrumb",
"Timeline",
"Input Chips",
],
filterMatchings: [
{ id: "FStyled" },
Expand All @@ -65,7 +85,7 @@ export const libraries: Array<Library> = [
{ id: "FRTLSupport" },
{ id: "FTyped" },
{ id: "FForm" },
{ id: "FFigma" }, // https://www.figma.com/community/file/1288455405058138934/nuxt-ui
{ id: "FFigma" }, // https://go.nuxt.com/figma-ui
],
},
{
Expand Down
61 changes: 61 additions & 0 deletions data/sections.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -13,6 +13,10 @@ export const sections = [
help: "Contextual information to be emphasized to the user",
},
{ name: "Avatar" as const, help: "Rounded image of a resource" },
{
name: "Avatar Group" as const,
help: "Group of user avatars",
},
{
name: "Badge" as const,
aliases: ["Chip", "Tag"],
Expand All @@ -22,6 +26,10 @@ export const sections = [
name: "Button" as const,
help: "Interactive element that users can click or tap to perform an action",
},
{
name: "Button Group" as const,
help: "Group of related buttons",
},
{
name: "Select Button" as const,
help: "A button (or button group) used for selection.",
Expand All @@ -30,6 +38,10 @@ export const sections = [
name: "Toggle Button" as const,
help: "A button used to select a boolean value.",
},
{
name: "Banner" as const,
help: "Promotional or informational banner",
},
{
name: "Breadcrumb" as const,
help: "Indicate the current page's location within a navigational hierarchy",
Expand All @@ -39,6 +51,10 @@ export const sections = [
aliases: ["Slideshow", "Galleria"],
help: "A slideshow component for cycling through elements, typically images or slides of text",
},
{
name: "Marquee" as const,
help: "A component that displays a continuous scrolling text or image",
},
{
name: "Chat Bubble" as const,
help: "Show one line of conversation and its data, like author image, name, time.",
Expand Down Expand Up @@ -92,6 +108,18 @@ export const sections = [
name: "Timeline" as const,
help: "A visual representation used to display a sequence of events or processes in chronological order.",
},
{
name: "Collapsible" as const,
help: "Content that can be expanded or collapsed",
},
{
name: "Link" as const,
help: "Navigation link element with hover and active states",
},
{
name: "Icon" as const,
help: "Display icons from various icon libraries",
},
],
},
{
Expand Down Expand Up @@ -163,6 +191,18 @@ export const sections = [
aliases: ["File Upload"],
help: "An input field for uploading files",
},
{
name: "Input Number" as const,
help: "Numeric input with increment/decrement controls",
},
{
name: "Form" as const,
help: "Form container with validation and submission handling",
},
{
name: "Form Field" as const,
help: "Individual form field with label and validation",
},
],
},
{
Expand Down Expand Up @@ -210,6 +250,14 @@ export const sections = [
name: "Vertical Navigation" as const,
help: "Navigation menu with items vertically stacked",
},
{
name: "Navigation Menu" as const,
help: "Flexible navigation component with sub-menus",
},
{
name: "Table of Contents" as const,
help: "A list of sections and their corresponding headings that can be used to navigate a document",
}
],
},
{
Expand Down Expand Up @@ -264,6 +312,19 @@ export const sections = [
aliases: ["Placeholder"],
help: "A placeholder typically used while content is loading",
},
{
name: "Header" as const,
help: "Website header with navigation",
},
{
name: "Footer" as const,
help: "Website footer with links and information",
},
{
name: "Drawer" as const,
aliases: ["Sidebar"],
help: "Slide-out panel for additional content or controls",
},
],
},
{
Expand Down