command doc update

Author: tailwiinder

.github/ISSUE_TEMPLATE/component.md

@@ -47,7 +47,7 @@ assignees: ''
   - [ ] `packages/cli/templates/<component-name>/styles.ts.template`
 - [ ] Update CLI dependencies if needed
 - [ ] Test component addition via CLI
-  - [ ] `npx nativecn add <component-name>`
+  - [ ] `npx @nativecn/cli add <component-name>`
 
 ## Documentation Requirements
 

CONTRIBUTING.md

@@ -55,8 +55,8 @@ npm run build
 npm link
 
 # Now you can run the CLI locally
-npx nativecn init
-npx nativecn add button
+npx @nativecn/cli init
+npx @nativecn/cli add button
 ```
 
 5. **Alternatively, link individual packages**
@@ -184,7 +184,7 @@ The recommended workflow is to test your components in our provided example apps
 
 4. Now you can test your new component:
    ```bash
-   npx nativecn add your-new-component
+   npx @nativecn/cli add your-new-component
    ```
 
 #### Method 2: Using npm link (Easier Workflow)
@@ -212,7 +212,7 @@ The recommended workflow is to test your components in our provided example apps
 4. Test your new component:
 
    ```bash
-   npx nativecn add your-new-component
+   npx @nativecn/cli add your-new-component
    ```
 
 5. When finished testing, unlink the package:
@@ -238,7 +238,7 @@ The recommended workflow is to test your components in our provided example apps
 
 3. Test your new component:
    ```bash
-   npx nativecn add your-new-component
+   npx @nativecn/cli add your-new-component
    ```
 
 Remember to rebuild the CLI package after making changes to component templates!

README.md

@@ -24,7 +24,7 @@ npx @nativecn/cli [command]
 ### Initialize NativeCN in your project
 
 ```bash
-npx nativecn init
+npx @nativecn/cli init
 ```
 
 The init command will:
@@ -38,7 +38,7 @@ The init command will:
 ### Add components to your project
 
 ```bash
-npx nativecn add button
+npx @nativecn/cli add button
 ```
 
 Options:
@@ -48,7 +48,7 @@ Options:
 
 ### Generate theme preset file (optional)
 
-This is asked to be done automatically when you run `npx nativecn init`. Use this if you want a more fine-grained control over the preset file.
+This is asked to be done automatically when you run `npx @nativecn/cli init`. Use this if you want a more fine-grained control over the preset file.
 
 ```bash
 npx nativecn preset
@@ -103,8 +103,8 @@ npm run build
 npm link
 
 # Now you can run the CLI
-npx nativecn init
-npx nativecn add button
+npx @nativecn/cli init
+npx @nativecn/cli add button
 ```
 
 ### Alternatively, you can link individual packages
@@ -114,8 +114,8 @@ npx nativecn add button
 npm link @nativecn/cli @nativecn/components
 
 # Run commands
-npx nativecn init
-npx nativecn add button
+npx @nativecn/cli init
+npx @nativecn/cli add button
 ```
 
 ## Contributing

docs/pages/components/accordion.mdx

@@ -16,7 +16,7 @@ The Accordion component provides an expandable/collapsible content container.
 
 <ComponentCode 
   language="bash"
-  code="npx nativecn add accordion"
+  code="npx @nativecn/cli add accordion"
   title="Installation Command"
 />
 

docs/pages/components/alert-dialog.mdx

@@ -17,7 +17,7 @@ The Alert Dialog component provides a modal dialog that interrupts the user with
 
 <ComponentCode 
   language="bash"
-  code="npx nativecn add alert-dialog"
+  code="npx @nativecn/cli add alert-dialog"
   title="Installation Command"
 />
 

docs/pages/components/alert.mdx

@@ -57,7 +57,7 @@ The Alert component provides contextual feedback messages for typical user actio
 
 <ComponentCode 
   language="bash"
-  code="npx nativecn add alert"
+  code="npx @nativecn/cli add alert"
   title="Installation Command"
 />
 

docs/pages/components/avatar.mdx

@@ -26,7 +26,7 @@ The Avatar component is used to display user profile pictures with fallback supp
 
 <ComponentCode 
   language="bash"
-  code="npx nativecn add avatar"
+  code="npx @nativecn/cli add avatar"
   title="Installation Command"
 />
 

docs/pages/components/button.mdx

@@ -16,7 +16,7 @@ The Button component is a versatile UI element designed for user interactions.
 
 <ComponentCode 
   language="bash"
-  code="npx nativecn add button"
+  code="npx @nativecn/cli add button"
   title="Installation Command"
 />
 

docs/pages/getting-started.mdx

@@ -20,7 +20,7 @@ NativeCN provides a convenient CLI to help you get started quickly:
 
 <ComponentCode
   language="bash"
-  code="npx nativecn init"
+  code="npx @nativecn/cli init"
   title="Init Command"
 />
 
@@ -35,7 +35,7 @@ The `init` command:
 
 <ComponentCode
   language="bash"
-  code="npx nativecn add button card input"
+  code="npx @nativecn/cli add button card input"
   title="Add Components Command"
 />
 

examples/expo/nativecn/README.md

@@ -28,13 +28,13 @@ npm i ../../../packages/cli
 Then, run the following command to test a component:
 
 ```bash
-npx nativecn add <component-name>
+npx @nativecn/cli add <component-name>
 ```
 
 For example, to test the Button component, run the following command:
 
 ```bash
-npx nativecn add button
+npx @nativecn/cli add button
 ```
 
 This will add the Button component to the app, after which you can run the app and create a test tsx file to see the component in action.