[{"data":1,"prerenderedAt":921},["ShallowReactive",2],{"navigation":3,"$fMW9jOOkNpZriWVK3P_bZYNOyYR2IEPvrHsC7cDBlJJc":404,"/docs/cli":417,"surround-/docs/cli":918},[4],{"title":5,"path":6,"stem":7,"children":8,"page":18},"Docs","/docs","docs",[9,273,299,317,330,356],{"title":10,"path":11,"stem":12,"children":13,"new":18,"type":272},"Components","/docs/components","docs/02.components",[14,20,24,28,32,36,40,44,48,52,56,60,64,68,72,76,80,84,88,92,96,100,104,108,112,116,120,124,128,132,136,140,144,148,152,156,160,164,168,172,176,180,184,188,192,196,200,204,208,212,216,220,224,228,232,236,240,244,248,252,256,260,264,268],{"title":15,"path":16,"stem":17,"new":18,"type":19,"children":-1},"Accordion","/docs/components/accordion","docs/components/accordion",false,"component",{"title":21,"path":22,"stem":23,"new":18,"type":19,"children":-1},"Alert","/docs/components/alert","docs/components/alert",{"title":25,"path":26,"stem":27,"new":18,"type":19,"children":-1},"Alert Dialog","/docs/components/alert-dialog","docs/components/alert-dialog",{"title":29,"path":30,"stem":31,"new":18,"type":19,"children":-1},"Aspect Ratio","/docs/components/aspect-ratio","docs/components/aspect-ratio",{"title":33,"path":34,"stem":35,"new":18,"type":19,"children":-1},"Avatar","/docs/components/avatar","docs/components/avatar",{"title":37,"path":38,"stem":39,"new":18,"type":19,"children":-1},"Badge","/docs/components/badge","docs/components/badge",{"title":41,"path":42,"stem":43,"new":18,"type":19,"children":-1},"Breadcrumb","/docs/components/breadcrumb","docs/components/breadcrumb",{"title":45,"path":46,"stem":47,"new":18,"type":19,"children":-1},"Button","/docs/components/button","docs/components/button",{"title":49,"path":50,"stem":51,"new":18,"type":19,"children":-1},"Button Group","/docs/components/button-group","docs/components/button-group",{"title":53,"path":54,"stem":55,"new":18,"type":19,"children":-1},"Calendar","/docs/components/calendar","docs/components/calendar",{"title":57,"path":58,"stem":59,"new":18,"type":19,"children":-1},"Card","/docs/components/card","docs/components/card",{"title":61,"path":62,"stem":63,"new":18,"type":19,"children":-1},"Carousel","/docs/components/carousel","docs/components/carousel",{"title":65,"path":66,"stem":67,"new":18,"type":19,"children":-1},"Chart","/docs/components/chart","docs/components/chart",{"title":69,"path":70,"stem":71,"new":18,"type":19,"children":-1},"Checkbox","/docs/components/checkbox","docs/components/checkbox",{"title":73,"path":74,"stem":75,"new":18,"type":19,"children":-1},"Collapsible","/docs/components/collapsible","docs/components/collapsible",{"title":77,"path":78,"stem":79,"new":18,"type":19,"children":-1},"Combobox","/docs/components/combobox","docs/components/combobox",{"title":81,"path":82,"stem":83,"new":18,"type":19,"children":-1},"Command","/docs/components/command","docs/components/command",{"title":85,"path":86,"stem":87,"new":18,"type":19,"children":-1},"Context Menu","/docs/components/context-menu","docs/components/context-menu",{"title":89,"path":90,"stem":91,"new":18,"type":19,"children":-1},"Data Table","/docs/components/data-table","docs/components/data-table",{"title":93,"path":94,"stem":95,"new":18,"type":19,"children":-1},"Date Picker","/docs/components/date-picker","docs/components/date-picker",{"title":97,"path":98,"stem":99,"new":18,"type":19,"children":-1},"Dialog","/docs/components/dialog","docs/components/dialog",{"title":101,"path":102,"stem":103,"new":18,"type":19,"children":-1},"Drawer","/docs/components/drawer","docs/components/drawer",{"title":105,"path":106,"stem":107,"new":18,"type":19,"children":-1},"Dropdown Menu","/docs/components/dropdown-menu","docs/components/dropdown-menu",{"title":109,"path":110,"stem":111,"new":18,"type":19,"children":-1},"Empty","/docs/components/empty","docs/components/empty",{"title":113,"path":114,"stem":115,"new":18,"type":19,"children":-1},"Field","/docs/components/field","docs/components/field",{"title":117,"path":118,"stem":119,"new":18,"type":19,"children":-1},"Form","/docs/components/form","docs/components/form",{"title":121,"path":122,"stem":123,"new":18,"type":19,"children":-1},"Hover Card","/docs/components/hover-card","docs/components/hover-card",{"title":125,"path":126,"stem":127,"new":18,"type":19,"children":-1},"Input","/docs/components/input","docs/components/input",{"title":129,"path":130,"stem":131,"new":18,"type":19,"children":-1},"Input Group","/docs/components/input-group","docs/components/input-group",{"title":133,"path":134,"stem":135,"new":18,"type":19,"children":-1},"Input OTP","/docs/components/input-otp","docs/components/input-otp",{"title":137,"path":138,"stem":139,"new":18,"type":19,"children":-1},"Item","/docs/components/item","docs/components/item",{"title":141,"path":142,"stem":143,"new":18,"type":19,"children":-1},"Kbd","/docs/components/kbd","docs/components/kbd",{"title":145,"path":146,"stem":147,"new":18,"type":19,"children":-1},"Label","/docs/components/label","docs/components/label",{"title":149,"path":150,"stem":151,"new":18,"type":19,"children":-1},"Menubar","/docs/components/menubar","docs/components/menubar",{"title":153,"path":154,"stem":155,"new":18,"type":19,"children":-1},"Native Select","/docs/components/native-select","docs/components/native-select",{"title":157,"path":158,"stem":159,"new":18,"type":19,"children":-1},"Navigation Menu","/docs/components/navigation-menu","docs/components/navigation-menu",{"title":161,"path":162,"stem":163,"new":18,"type":19,"children":-1},"Number Field","/docs/components/number-field","docs/components/number-field",{"title":165,"path":166,"stem":167,"new":18,"type":19,"children":-1},"Pagination","/docs/components/pagination","docs/components/pagination",{"title":169,"path":170,"stem":171,"new":18,"type":19,"children":-1},"Pin Input","/docs/components/pin-input","docs/components/pin-input",{"title":173,"path":174,"stem":175,"new":18,"type":19,"children":-1},"Popover","/docs/components/popover","docs/components/popover",{"title":177,"path":178,"stem":179,"new":18,"type":19,"children":-1},"Progress","/docs/components/progress","docs/components/progress",{"title":181,"path":182,"stem":183,"new":18,"type":19,"children":-1},"Radio Group","/docs/components/radio-group","docs/components/radio-group",{"title":185,"path":186,"stem":187,"new":18,"type":19,"children":-1},"Range Calendar","/docs/components/range-calendar","docs/components/range-calendar",{"title":189,"path":190,"stem":191,"new":18,"type":19,"children":-1},"Resizable","/docs/components/resizable","docs/components/resizable",{"title":193,"path":194,"stem":195,"new":18,"type":19,"children":-1},"Scroll Area","/docs/components/scroll-area","docs/components/scroll-area",{"title":197,"path":198,"stem":199,"new":18,"type":19,"children":-1},"Select","/docs/components/select","docs/components/select",{"title":201,"path":202,"stem":203,"new":18,"type":19,"children":-1},"Separator","/docs/components/separator","docs/components/separator",{"title":205,"path":206,"stem":207,"new":18,"type":19,"children":-1},"Sheet","/docs/components/sheet","docs/components/sheet",{"title":209,"path":210,"stem":211,"new":18,"type":19,"children":-1},"Sidebar","/docs/components/sidebar","docs/components/sidebar",{"title":213,"path":214,"stem":215,"new":18,"type":19,"children":-1},"Skeleton","/docs/components/skeleton","docs/components/skeleton",{"title":217,"path":218,"stem":219,"new":18,"type":19,"children":-1},"Slider","/docs/components/slider","docs/components/slider",{"title":221,"path":222,"stem":223,"new":18,"type":19,"children":-1},"Sonner","/docs/components/sonner","docs/components/sonner",{"title":225,"path":226,"stem":227,"new":18,"type":19,"children":-1},"Spinner","/docs/components/spinner","docs/components/spinner",{"title":229,"path":230,"stem":231,"new":18,"type":19,"children":-1},"Stepper","/docs/components/stepper","docs/components/stepper",{"title":233,"path":234,"stem":235,"new":18,"type":19,"children":-1},"Switch","/docs/components/switch","docs/components/switch",{"title":237,"path":238,"stem":239,"new":18,"type":19,"children":-1},"Table","/docs/components/table","docs/components/table",{"title":241,"path":242,"stem":243,"new":18,"type":19,"children":-1},"Tabs","/docs/components/tabs","docs/components/tabs",{"title":245,"path":246,"stem":247,"new":18,"type":19,"children":-1},"Tags Input","/docs/components/tags-input","docs/components/tags-input",{"title":249,"path":250,"stem":251,"new":18,"type":19,"children":-1},"Textarea","/docs/components/textarea","docs/components/textarea",{"title":253,"path":254,"stem":255,"new":18,"type":19,"children":-1},"Toast","/docs/components/toast","docs/components/toast",{"title":257,"path":258,"stem":259,"new":18,"type":19,"children":-1},"Toggle","/docs/components/toggle","docs/components/toggle",{"title":261,"path":262,"stem":263,"new":18,"type":19,"children":-1},"Toggle Group","/docs/components/toggle-group","docs/components/toggle-group",{"title":265,"path":266,"stem":267,"new":18,"type":19,"children":-1},"Tooltip","/docs/components/tooltip","docs/components/tooltip",{"title":269,"path":270,"stem":271,"new":18,"type":19,"children":-1},"Typography","/docs/components/typography","docs/components/typography","group",{"title":274,"path":275,"stem":276,"children":277,"new":18,"type":272},"Installation","/docs/installation","docs/02.installation",[278,283,287,291,295],{"title":279,"path":280,"stem":281,"new":18,"type":282,"children":-1},"Vite","/docs/installation/vite","docs/installation/01.vite","page",{"title":284,"path":285,"stem":286,"new":18,"type":282,"children":-1},"Nuxt","/docs/installation/nuxt","docs/installation/02.nuxt",{"title":288,"path":289,"stem":290,"new":18,"type":282,"children":-1},"Astro","/docs/installation/astro","docs/installation/03.astro",{"title":292,"path":293,"stem":294,"new":18,"type":282,"children":-1},"Laravel","/docs/installation/laravel","docs/installation/04.laravel",{"title":296,"path":297,"stem":298,"new":18,"type":282,"children":-1},"Manual Installation","/docs/installation/manual","docs/installation/05.manual",{"title":300,"path":301,"stem":302,"children":303,"new":18,"type":272},"Dark Mode","/docs/dark-mode","docs/05.dark-mode",[304,307,310,314],{"title":279,"path":305,"stem":306,"new":18,"type":282,"children":-1},"/docs/dark-mode/vite","docs/dark-mode/01.vite",{"title":284,"path":308,"stem":309,"new":18,"type":282,"children":-1},"/docs/dark-mode/nuxt","docs/dark-mode/02.nuxt",{"title":311,"path":312,"stem":313,"new":18,"type":282,"children":-1},"Vitepress","/docs/dark-mode/vitepress","docs/dark-mode/03.vitepress",{"title":288,"path":315,"stem":316,"new":18,"type":282,"children":-1},"/docs/dark-mode/astro","docs/dark-mode/04.astro",{"title":318,"path":319,"stem":320,"children":321,"new":18,"type":272},"Forms","/docs/forms","docs/forms",[322,326],{"title":323,"path":324,"stem":325,"new":18,"type":282,"children":-1},"VeeValidate","/docs/forms/vee-validate","docs/forms/01.vee-validate",{"title":327,"path":328,"stem":329,"new":18,"type":282,"children":-1},"TanStack Form","/docs/forms/tanstack-form","docs/forms/02.tanstack-form",{"title":331,"path":332,"stem":333,"children":334,"new":18,"type":272},"Registry","/docs/registry","docs/registry/index",[335,336,340,344,348,352],{"title":331,"path":332,"stem":333,"new":18,"type":282,"children":-1},{"title":337,"path":338,"stem":339,"new":18,"type":282,"children":-1},"Examples","/docs/registry/examples","docs/registry/examples",{"title":341,"path":342,"stem":343,"new":18,"type":282,"children":-1},"FAQ","/docs/registry/faq","docs/registry/faq",{"title":345,"path":346,"stem":347,"new":18,"type":282,"children":-1},"Getting Started","/docs/registry/getting-started","docs/registry/getting-started",{"title":349,"path":350,"stem":351,"new":18,"type":282,"children":-1},"registry-item.json","/docs/registry/registry-item-json","docs/registry/registry-item-json",{"title":353,"path":354,"stem":355,"new":18,"type":282,"children":-1},"registry.json","/docs/registry/registry-json","docs/registry/registry-json",{"path":6,"stem":7,"title":357,"type":272,"children":358},"Get Started",[359,363,370,374,378,384,388,392,396,400],{"title":360,"path":361,"stem":362,"new":18,"type":282,"children":-1},"Introduction","/docs/introduction","docs/01.introduction",{"title":274,"path":275,"stem":276,"children":364,"new":18,"type":272},[365,366,367,368,369],{"title":279,"path":280,"stem":281,"new":18,"type":282,"children":-1},{"title":284,"path":285,"stem":286,"new":18,"type":282,"children":-1},{"title":288,"path":289,"stem":290,"new":18,"type":282,"children":-1},{"title":292,"path":293,"stem":294,"new":18,"type":282,"children":-1},{"title":296,"path":297,"stem":298,"new":18,"type":282,"children":-1},{"title":371,"path":372,"stem":373,"new":18,"type":282,"children":-1},"components.json","/docs/components-json","docs/03.components-json",{"title":375,"path":376,"stem":377,"new":18,"type":282,"children":-1},"Theming","/docs/theming","docs/04.theming",{"title":300,"path":301,"stem":302,"children":379,"new":18,"type":272},[380,381,382,383],{"title":279,"path":305,"stem":306,"new":18,"type":282,"children":-1},{"title":284,"path":308,"stem":309,"new":18,"type":282,"children":-1},{"title":311,"path":312,"stem":313,"new":18,"type":282,"children":-1},{"title":288,"path":315,"stem":316,"new":18,"type":282,"children":-1},{"title":385,"path":386,"stem":387,"new":18,"type":282,"children":-1},"CLI","/docs/cli","docs/06.cli",{"title":389,"path":390,"stem":391,"new":18,"type":282,"children":-1},"JavaScript","/docs/javascript","docs/07.javascript",{"title":393,"path":394,"stem":395,"new":18,"type":282,"children":-1},"Figma","/docs/figma","docs/09.figma",{"title":397,"path":398,"stem":399,"new":18,"type":282,"children":-1},"Changelog","/docs/changelog","docs/10.changelog",{"title":401,"path":402,"stem":403,"new":18,"type":282,"children":-1},"Legacy Docs","/docs/legacy","docs/11.legacy",{"repo":405},{"id":406,"name":407,"repo":408,"description":409,"createdAt":410,"updatedAt":411,"pushedAt":412,"stars":413,"watchers":414,"forks":415,"defaultBranch":416},658791894,"shadcn-vue","unovue/shadcn-vue","Vue port of shadcn-ui","2023-06-26T13:53:23Z","2026-04-14T10:18:37Z","2026-04-13T06:37:16Z",9755,38,638,"dev",{"id":418,"title":385,"body":419,"description":910,"extension":911,"links":912,"meta":913,"navigation":914,"new":18,"path":386,"rawbody":915,"seo":916,"stem":387,"__hash__":917},"content/docs/06.cli.md",{"type":420,"value":421,"toc":895},"minimark",[422,426,434,444,454,460,466,475,481,484,487,492,498,502,508,510,513,518,524,528,534,536,539,544,550,553,559,562,568,572,578,580,583,588,594,597,603,606,612,619,625,629,635,637,640,645,651,661,665,671,678,684,686,688,693,699,703,709,711,714,719,725,729,735,737,740,745,751,756,796,800,806,808,813,818,824,827,871,876,879,885],[423,424,425],"h2",{"id":425},"init",[427,428,429,430,433],"p",{},"Use the ",[431,432,425],"code",{}," command to initialize configuration and dependencies for a new project.",[427,435,436,437,439,440,443],{},"The ",[431,438,425],{}," command installs dependencies, adds the ",[431,441,442],{},"cn"," util and configures CSS variables for the project.",[445,446,452],"pre",{"className":447,"code":449,"language":450,"meta":451},[448],"language-bash","npx shadcn-vue@latest init\n","bash","",[431,453,449],{"__ignoreMap":451},[427,455,456],{},[457,458,459],"strong",{},"Options",[445,461,464],{"className":462,"code":463,"language":450,"meta":451},[448],"Usage: shadcn-vue init [options] [components...]\n\ninitialize your project and install dependencies\n\nArguments:\n  components                     names, url or local path to component\n\nOptions:\n  -p, --preset \u003Cpreset>          use a preset configuration or URL. (reka-vega, reka-nova, reka-maia, reka-lyra, reka-mira, reka-luma)\n  -t, --template \u003Ctemplate>      the template to use. (nuxt, vite, astro, laravel)\n  --base \u003Cbase>                  the component library base to use. (reka)\n  --style \u003Cstyle>                the visual style to use. (vega, nova, maia, lyra, mira)\n  --icon-library \u003Cicon-library>  the icon library to use. (lucide, tabler, hugeicons, phosphor, remixicon)\n  --font \u003Cfont>                  the font to use. (inter, figtree, jetbrains-mono, geist, geist-mono)\n  -b, --base-color \u003Cbase-color>  the base color to use. (neutral, gray, zinc, stone, slate)\n  -n, --name \u003Cname>              the name for the new project.\n  -d, --defaults                 use default configuration. (default: false)\n  -y, --yes                      skip confirmation prompt. (default: true)\n  -f, --force                    force overwrite of existing configuration. (default: false)\n  -c, --cwd \u003Ccwd>                the working directory. defaults to the current directory.\n  -s, --silent                   mute output. (default: false)\n  --src-dir                      use the src directory when creating a new project. (default: false)\n  --no-src-dir                   do not use the src directory when creating a new project.\n  --reinstall                    re-install existing UI components.\n  --no-reinstall                 do not re-install existing UI components.\n  --rtl                          enable RTL support.\n  --no-rtl                       disable RTL support.\n  --css-variables                use css variables for theming. (default: true)\n  --no-css-variables             do not use css variables for theming.\n  --no-base-style                do not install the base shadcn style.\n  -h, --help                     display help for command\n",[431,465,463],{"__ignoreMap":451},[427,467,436,468,471,472,474],{},[431,469,470],{},"create"," command is an alias for ",[431,473,425],{},":",[445,476,479],{"className":477,"code":478,"language":450,"meta":451},[448],"npx shadcn-vue@latest create\n",[431,480,478],{"__ignoreMap":451},[482,483],"hr",{},[423,485,486],{"id":486},"add",[427,488,429,489,491],{},[431,490,486],{}," command to add components and dependencies to your project.",[445,493,496],{"className":494,"code":495,"language":450,"meta":451},[448],"npx shadcn-vue@latest add [component]\n",[431,497,495],{"__ignoreMap":451},[427,499,500],{},[457,501,459],{},[445,503,506],{"className":504,"code":505,"language":450,"meta":451},[448],"Usage: shadcn-vue add [options] [components...]\n\nadd a component to your project\n\nArguments:\n  components           names, url or local path to component\n\nOptions:\n  -y, --yes            skip confirmation prompt. (default: false)\n  -o, --overwrite      overwrite existing files. (default: false)\n  -c, --cwd \u003Ccwd>      the working directory. defaults to the current directory.\n  -a, --all            add all available components (default: false)\n  -p, --path \u003Cpath>    the path to add the component to.\n  -s, --silent         mute output. (default: false)\n  --dry-run            preview changes without writing files. (default: false)\n  --diff [path]        show diff for a file.\n  --view [path]        show file contents.\n  -h, --help           display help for command\n",[431,507,505],{"__ignoreMap":451},[482,509],{},[423,511,512],{"id":512},"apply",[427,514,429,515,517],{},[431,516,512],{}," command to apply a preset to an existing project.",[445,519,522],{"className":520,"code":521,"language":450,"meta":451},[448],"npx shadcn-vue@latest apply --preset nova\n",[431,523,521],{"__ignoreMap":451},[427,525,526],{},[457,527,459],{},[445,529,532],{"className":530,"code":531,"language":450,"meta":451},[448],"Usage: shadcn-vue apply [options] [preset]\n\napply a preset to an existing project\n\nArguments:\n  preset             the preset to apply\n\nOptions:\n  --preset \u003Cpreset>  preset configuration to apply\n  -y, --yes          skip confirmation prompt. (default: false)\n  -c, --cwd \u003Ccwd>    the working directory. defaults to the current directory.\n  -s, --silent       mute output. (default: false)\n  -h, --help         display help for command\n",[431,533,531],{"__ignoreMap":451},[482,535],{},[423,537,538],{"id":538},"view",[427,540,429,541,543],{},[431,542,538],{}," command to view items from the registry before installing them.",[445,545,548],{"className":546,"code":547,"language":450,"meta":451},[448],"npx shadcn-vue@latest view [item]\n",[431,549,547],{"__ignoreMap":451},[427,551,552],{},"You can view multiple items at once:",[445,554,557],{"className":555,"code":556,"language":450,"meta":451},[448],"npx shadcn-vue@latest view button card dialog\n",[431,558,556],{"__ignoreMap":451},[427,560,561],{},"Or view items from namespaced registries:",[445,563,566],{"className":564,"code":565,"language":450,"meta":451},[448],"npx shadcn-vue@latest view @acme/auth @v0/dashboard\n",[431,567,565],{"__ignoreMap":451},[427,569,570],{},[457,571,459],{},[445,573,576],{"className":574,"code":575,"language":450,"meta":451},[448],"Usage: shadcn-vue view [options] \u003Citems...>\n\nview items from the registry\n\nArguments:\n  items            the item names or URLs to view\n\nOptions:\n  -c, --cwd \u003Ccwd>  the working directory. defaults to the current directory.\n  -h, --help       display help for command\n",[431,577,575],{"__ignoreMap":451},[482,579],{},[423,581,582],{"id":582},"search",[427,584,429,585,587],{},[431,586,582],{}," command to search for items from registries.",[445,589,592],{"className":590,"code":591,"language":450,"meta":451},[448],"npx shadcn-vue@latest search [registry]\n",[431,593,591],{"__ignoreMap":451},[427,595,596],{},"You can search with a query:",[445,598,601],{"className":599,"code":600,"language":450,"meta":451},[448],"npx shadcn-vue@latest search @shadcn-vue -q \"button\"\n",[431,602,600],{"__ignoreMap":451},[427,604,605],{},"Or search multiple registries at once:",[445,607,610],{"className":608,"code":609,"language":450,"meta":451},[448],"npx shadcn-vue@latest search @shadcn-vue @v0 @acme\n",[431,611,609],{"__ignoreMap":451},[427,613,436,614,471,617,474],{},[431,615,616],{},"list",[431,618,582],{},[445,620,623],{"className":621,"code":622,"language":450,"meta":451},[448],"npx shadcn-vue@latest list @acme\n",[431,624,622],{"__ignoreMap":451},[427,626,627],{},[457,628,459],{},[445,630,633],{"className":631,"code":632,"language":450,"meta":451},[448],"Usage: shadcn-vue search|list [options] \u003Cregistries...>\n\nsearch items from registries\n\nArguments:\n  registries             the registry names or urls to search items from. Names\n                         must be prefixed with @.\n\nOptions:\n  -c, --cwd \u003Ccwd>        the working directory. defaults to the current directory.\n  -q, --query \u003Cquery>    query string\n  -l, --limit \u003Cnumber>   maximum number of items to display per registry (default: \"100\")\n  -o, --offset \u003Cnumber>  number of items to skip (default: \"0\")\n  -h, --help             display help for command\n",[431,634,632],{"__ignoreMap":451},[482,636],{},[423,638,639],{"id":639},"build",[427,641,429,642,644],{},[431,643,639],{}," command to generate the registry JSON files.",[445,646,649],{"className":647,"code":648,"language":450,"meta":451},[448],"npx shadcn-vue@latest build\n",[431,650,648],{"__ignoreMap":451},[427,652,653,654,656,657,660],{},"This command reads the ",[431,655,353],{}," file and generates the registry JSON files in the ",[431,658,659],{},"public/r"," directory.",[427,662,663],{},[457,664,459],{},[445,666,669],{"className":667,"code":668,"language":450,"meta":451},[448],"Usage: shadcn-vue build [options] [registry]\n\nbuild components for a shadcn-vue registry\n\nArguments:\n  registry             path to registry.json file (default: \"./registry.json\")\n\nOptions:\n  -o, --output \u003Cpath>  destination directory for json files (default: \"./public/r\")\n  -c, --cwd \u003Ccwd>      the working directory. defaults to the current directory.\n  -h, --help           display help for command\n",[431,670,668],{"__ignoreMap":451},[427,672,673,674,677],{},"To customize the output directory, use the ",[431,675,676],{},"--output"," option.",[445,679,682],{"className":680,"code":681,"language":450,"meta":451},[448],"npx shadcn-vue@latest build --output ./public/registry\n",[431,683,681],{"__ignoreMap":451},[482,685],{},[423,687,7],{"id":7},[427,689,429,690,692],{},[431,691,7],{}," command to fetch documentation and API references for components.",[445,694,697],{"className":695,"code":696,"language":450,"meta":451},[448],"npx shadcn-vue@latest docs [component]\n",[431,698,696],{"__ignoreMap":451},[427,700,701],{},[457,702,459],{},[445,704,707],{"className":705,"code":706,"language":450,"meta":451},[448],"Usage: shadcn-vue docs [options] \u003Ccomponents...>\n\nget docs, api references and usage examples for components\n\nArguments:\n  components         component names\n\nOptions:\n  -c, --cwd \u003Ccwd>    the working directory. defaults to the current directory.\n  -b, --base \u003Cbase>  the base to use (reka). defaults to project base.\n  --json             output as JSON. (default: false)\n  -h, --help         display help for command\n",[431,708,706],{"__ignoreMap":451},[482,710],{},[423,712,713],{"id":713},"info",[427,715,429,716,718],{},[431,717,713],{}," command to get information about your project.",[445,720,723],{"className":721,"code":722,"language":450,"meta":451},[448],"npx shadcn-vue@latest info\n",[431,724,722],{"__ignoreMap":451},[427,726,727],{},[457,728,459],{},[445,730,733],{"className":731,"code":732,"language":450,"meta":451},[448],"Usage: shadcn-vue info [options]\n\nget information about your project\n\nOptions:\n  -c, --cwd \u003Ccwd>  the working directory. defaults to the current directory.\n  --json            output as JSON. (default: false)\n  -h, --help        display help for command\n",[431,734,732],{"__ignoreMap":451},[482,736],{},[423,738,739],{"id":739},"migrate",[427,741,429,742,744],{},[431,743,739],{}," command to run migrations on your project.",[445,746,749],{"className":747,"code":748,"language":450,"meta":451},[448],"npx shadcn-vue@latest migrate [migration]\n",[431,750,748],{"__ignoreMap":451},[427,752,753],{},[457,754,755],{},"Available Migrations",[757,758,759,772],"table",{},[760,761,762],"thead",{},[763,764,765,769],"tr",{},[766,767,768],"th",{},"Migration",[766,770,771],{},"Description",[773,774,775,786],"tbody",{},[763,776,777,783],{},[778,779,780],"td",{},[431,781,782],{},"icons",[778,784,785],{},"Migrate your UI components to a different icon library.",[763,787,788,793],{},[778,789,790],{},[431,791,792],{},"rtl",[778,794,795],{},"Migrate your components to support RTL (right-to-left).",[427,797,798],{},[457,799,459],{},[445,801,804],{"className":802,"code":803,"language":450,"meta":451},[448],"Usage: shadcn-vue migrate [options] [migration] [path]\n\nrun a migration.\n\nArguments:\n  migration        the migration to run.\n  path             optional path or glob pattern to migrate.\n\nOptions:\n  -c, --cwd \u003Ccwd>  the working directory. defaults to the current directory.\n  -l, --list       list all migrations. (default: false)\n  -y, --yes        skip confirmation prompt. (default: false)\n  -h, --help       display help for command\n",[431,805,803],{"__ignoreMap":451},[482,807],{},[809,810,812],"h3",{"id":811},"migrate-rtl","migrate rtl",[427,814,436,815,817],{},[431,816,792],{}," migration transforms your components to support RTL (right-to-left) languages.",[445,819,822],{"className":820,"code":821,"language":450,"meta":451},[448],"npx shadcn-vue@latest migrate rtl\n",[431,823,821],{"__ignoreMap":451},[427,825,826],{},"This will:",[828,829,830,840,858],"ol",{},[831,832,833,834,836,837],"li",{},"Update ",[431,835,371],{}," to set ",[431,838,839],{},"rtl: true",[831,841,842,843,846,847,850,851,846,854,857],{},"Transform physical CSS properties to logical equivalents (e.g., ",[431,844,845],{},"ml-4"," → ",[431,848,849],{},"ms-4",", ",[431,852,853],{},"text-left",[431,855,856],{},"text-start",")",[831,859,860,861,864,865,846,868,857],{},"Add ",[431,862,863],{},"rtl:"," variants where needed (e.g., ",[431,866,867],{},"space-x-4",[431,869,870],{},"space-x-4 rtl:space-x-reverse",[427,872,873],{},[457,874,875],{},"Migrate specific files",[427,877,878],{},"You can migrate specific files or use glob patterns:",[445,880,883],{"className":881,"code":882,"language":450,"meta":451},[448],"# Migrate a specific file\nnpx shadcn-vue@latest migrate rtl src/components/ui/button/Button.vue\n\n# Migrate files matching a glob pattern\nnpx shadcn-vue@latest migrate rtl \"src/components/ui/**\"\n",[431,884,882],{"__ignoreMap":451},[427,886,887,888,891,892,894],{},"If no path is provided, the migration will transform all files in your ",[431,889,890],{},"ui"," directory (from ",[431,893,371],{},").",{"title":451,"searchDepth":896,"depth":896,"links":897},2,[898,899,900,901,902,903,904,905,906],{"id":425,"depth":896,"text":425},{"id":486,"depth":896,"text":486},{"id":512,"depth":896,"text":512},{"id":538,"depth":896,"text":538},{"id":582,"depth":896,"text":582},{"id":639,"depth":896,"text":639},{"id":7,"depth":896,"text":7},{"id":713,"depth":896,"text":713},{"id":739,"depth":896,"text":739,"children":907},[908],{"id":811,"depth":909,"text":812},3,"Use the shadcn-vue CLI to add components to your project.","md",null,{},true,"---\ntitle: CLI\ndescription: Use the shadcn-vue CLI to add components to your project.\n---\n\n## init\n\nUse the `init` command to initialize configuration and dependencies for a new project.\n\nThe `init` command installs dependencies, adds the `cn` util and configures CSS variables for the project.\n\n```bash\nnpx shadcn-vue@latest init\n```\n\n**Options**\n\n```bash\nUsage: shadcn-vue init [options] [components...]\n\ninitialize your project and install dependencies\n\nArguments:\n  components                     names, url or local path to component\n\nOptions:\n  -p, --preset \u003Cpreset>          use a preset configuration or URL. (reka-vega, reka-nova, reka-maia, reka-lyra, reka-mira, reka-luma)\n  -t, --template \u003Ctemplate>      the template to use. (nuxt, vite, astro, laravel)\n  --base \u003Cbase>                  the component library base to use. (reka)\n  --style \u003Cstyle>                the visual style to use. (vega, nova, maia, lyra, mira)\n  --icon-library \u003Cicon-library>  the icon library to use. (lucide, tabler, hugeicons, phosphor, remixicon)\n  --font \u003Cfont>                  the font to use. (inter, figtree, jetbrains-mono, geist, geist-mono)\n  -b, --base-color \u003Cbase-color>  the base color to use. (neutral, gray, zinc, stone, slate)\n  -n, --name \u003Cname>              the name for the new project.\n  -d, --defaults                 use default configuration. (default: false)\n  -y, --yes                      skip confirmation prompt. (default: true)\n  -f, --force                    force overwrite of existing configuration. (default: false)\n  -c, --cwd \u003Ccwd>                the working directory. defaults to the current directory.\n  -s, --silent                   mute output. (default: false)\n  --src-dir                      use the src directory when creating a new project. (default: false)\n  --no-src-dir                   do not use the src directory when creating a new project.\n  --reinstall                    re-install existing UI components.\n  --no-reinstall                 do not re-install existing UI components.\n  --rtl                          enable RTL support.\n  --no-rtl                       disable RTL support.\n  --css-variables                use css variables for theming. (default: true)\n  --no-css-variables             do not use css variables for theming.\n  --no-base-style                do not install the base shadcn style.\n  -h, --help                     display help for command\n```\n\nThe `create` command is an alias for `init`:\n\n```bash\nnpx shadcn-vue@latest create\n```\n\n---\n\n## add\n\nUse the `add` command to add components and dependencies to your project.\n\n```bash\nnpx shadcn-vue@latest add [component]\n```\n\n**Options**\n\n```bash\nUsage: shadcn-vue add [options] [components...]\n\nadd a component to your project\n\nArguments:\n  components           names, url or local path to component\n\nOptions:\n  -y, --yes            skip confirmation prompt. (default: false)\n  -o, --overwrite      overwrite existing files. (default: false)\n  -c, --cwd \u003Ccwd>      the working directory. defaults to the current directory.\n  -a, --all            add all available components (default: false)\n  -p, --path \u003Cpath>    the path to add the component to.\n  -s, --silent         mute output. (default: false)\n  --dry-run            preview changes without writing files. (default: false)\n  --diff [path]        show diff for a file.\n  --view [path]        show file contents.\n  -h, --help           display help for command\n```\n\n---\n\n## apply\n\nUse the `apply` command to apply a preset to an existing project.\n\n```bash\nnpx shadcn-vue@latest apply --preset nova\n```\n\n**Options**\n\n```bash\nUsage: shadcn-vue apply [options] [preset]\n\napply a preset to an existing project\n\nArguments:\n  preset             the preset to apply\n\nOptions:\n  --preset \u003Cpreset>  preset configuration to apply\n  -y, --yes          skip confirmation prompt. (default: false)\n  -c, --cwd \u003Ccwd>    the working directory. defaults to the current directory.\n  -s, --silent       mute output. (default: false)\n  -h, --help         display help for command\n```\n\n---\n\n## view\n\nUse the `view` command to view items from the registry before installing them.\n\n```bash\nnpx shadcn-vue@latest view [item]\n```\n\nYou can view multiple items at once:\n\n```bash\nnpx shadcn-vue@latest view button card dialog\n```\n\nOr view items from namespaced registries:\n\n```bash\nnpx shadcn-vue@latest view @acme/auth @v0/dashboard\n```\n\n**Options**\n\n```bash\nUsage: shadcn-vue view [options] \u003Citems...>\n\nview items from the registry\n\nArguments:\n  items            the item names or URLs to view\n\nOptions:\n  -c, --cwd \u003Ccwd>  the working directory. defaults to the current directory.\n  -h, --help       display help for command\n```\n\n---\n\n## search\n\nUse the `search` command to search for items from registries.\n\n```bash\nnpx shadcn-vue@latest search [registry]\n```\n\nYou can search with a query:\n\n```bash\nnpx shadcn-vue@latest search @shadcn-vue -q \"button\"\n```\n\nOr search multiple registries at once:\n\n```bash\nnpx shadcn-vue@latest search @shadcn-vue @v0 @acme\n```\n\nThe `list` command is an alias for `search`:\n\n```bash\nnpx shadcn-vue@latest list @acme\n```\n\n**Options**\n\n```bash\nUsage: shadcn-vue search|list [options] \u003Cregistries...>\n\nsearch items from registries\n\nArguments:\n  registries             the registry names or urls to search items from. Names\n                         must be prefixed with @.\n\nOptions:\n  -c, --cwd \u003Ccwd>        the working directory. defaults to the current directory.\n  -q, --query \u003Cquery>    query string\n  -l, --limit \u003Cnumber>   maximum number of items to display per registry (default: \"100\")\n  -o, --offset \u003Cnumber>  number of items to skip (default: \"0\")\n  -h, --help             display help for command\n```\n\n---\n\n## build\n\nUse the `build` command to generate the registry JSON files.\n\n```bash\nnpx shadcn-vue@latest build\n```\n\nThis command reads the `registry.json` file and generates the registry JSON files in the `public/r` directory.\n\n**Options**\n\n```bash\nUsage: shadcn-vue build [options] [registry]\n\nbuild components for a shadcn-vue registry\n\nArguments:\n  registry             path to registry.json file (default: \"./registry.json\")\n\nOptions:\n  -o, --output \u003Cpath>  destination directory for json files (default: \"./public/r\")\n  -c, --cwd \u003Ccwd>      the working directory. defaults to the current directory.\n  -h, --help           display help for command\n```\n\nTo customize the output directory, use the `--output` option.\n\n```bash\nnpx shadcn-vue@latest build --output ./public/registry\n```\n\n---\n\n## docs\n\nUse the `docs` command to fetch documentation and API references for components.\n\n```bash\nnpx shadcn-vue@latest docs [component]\n```\n\n**Options**\n\n```bash\nUsage: shadcn-vue docs [options] \u003Ccomponents...>\n\nget docs, api references and usage examples for components\n\nArguments:\n  components         component names\n\nOptions:\n  -c, --cwd \u003Ccwd>    the working directory. defaults to the current directory.\n  -b, --base \u003Cbase>  the base to use (reka). defaults to project base.\n  --json             output as JSON. (default: false)\n  -h, --help         display help for command\n```\n\n---\n\n## info\n\nUse the `info` command to get information about your project.\n\n```bash\nnpx shadcn-vue@latest info\n```\n\n**Options**\n\n```bash\nUsage: shadcn-vue info [options]\n\nget information about your project\n\nOptions:\n  -c, --cwd \u003Ccwd>  the working directory. defaults to the current directory.\n  --json            output as JSON. (default: false)\n  -h, --help        display help for command\n```\n\n---\n\n## migrate\n\nUse the `migrate` command to run migrations on your project.\n\n```bash\nnpx shadcn-vue@latest migrate [migration]\n```\n\n**Available Migrations**\n\n| Migration | Description                                             |\n| --------- | ------------------------------------------------------- |\n| `icons`   | Migrate your UI components to a different icon library. |\n| `rtl`     | Migrate your components to support RTL (right-to-left). |\n\n**Options**\n\n```bash\nUsage: shadcn-vue migrate [options] [migration] [path]\n\nrun a migration.\n\nArguments:\n  migration        the migration to run.\n  path             optional path or glob pattern to migrate.\n\nOptions:\n  -c, --cwd \u003Ccwd>  the working directory. defaults to the current directory.\n  -l, --list       list all migrations. (default: false)\n  -y, --yes        skip confirmation prompt. (default: false)\n  -h, --help       display help for command\n```\n\n---\n\n### migrate rtl\n\nThe `rtl` migration transforms your components to support RTL (right-to-left) languages.\n\n```bash\nnpx shadcn-vue@latest migrate rtl\n```\n\nThis will:\n\n1. Update `components.json` to set `rtl: true`\n2. Transform physical CSS properties to logical equivalents (e.g., `ml-4` → `ms-4`, `text-left` → `text-start`)\n3. Add `rtl:` variants where needed (e.g., `space-x-4` → `space-x-4 rtl:space-x-reverse`)\n\n**Migrate specific files**\n\nYou can migrate specific files or use glob patterns:\n\n```bash\n# Migrate a specific file\nnpx shadcn-vue@latest migrate rtl src/components/ui/button/Button.vue\n\n# Migrate files matching a glob pattern\nnpx shadcn-vue@latest migrate rtl \"src/components/ui/**\"\n```\n\nIf no path is provided, the migration will transform all files in your `ui` directory (from `components.json`).\n",{"title":385,"description":910},"Z2f5HCOpw1qby65a4Yik-q1YuBviANeSIRLfEFXraPw",[919,920],{"title":288,"path":315,"stem":316,"children":-1},{"title":389,"path":390,"stem":391,"children":-1},1776258637451]