@diyark98/arc-ui-cli

@diyark98/arc-ui-cli

Command line tools for copying Arc UI component source into Vue projects.

Usage

npx @diyark98/arc-ui-cli init
npx @diyark98/arc-ui-cli list
npx @diyark98/arc-ui-cli info data-table
npx @diyark98/arc-ui-cli doctor
npx @diyark98/arc-ui-cli add button
npx @diyark98/arc-ui-cli add button input card

Commands

Create a config file and local theme CSS:

arc-ui init

List available components:

arc-ui list

Show registry details for a component:

arc-ui info data-table

Check whether the current project is ready for copied Arc UI components:

arc-ui doctor

Copy a component and its registry dependencies:

arc-ui add confirm-dialog

Copy multiple components in one command:

arc-ui add button input card
arc-ui add confirm-dialog data-table

Preview without writing files:

arc-ui add button input --dry-run

Overwrite existing files:

arc-ui add button --force

Config

arc-ui init creates:

{
  "componentsDir": "src/components/arc-ui",
  "utilsDir": "src/lib/arc-ui",
  "themeCss": "src/styles/arc-ui-theme.css"
}

Import the generated theme file from your app entry:

import "./styles/arc-ui-theme.css";

Copied components are local editable Vue source files.