add bash script to add things

Author: stevethomas

add

@@ -0,0 +1,42 @@
+#!/bin/bash
+
+# Script to install shadcn-vue components and move them to the correct location
+# Usage: ./add <component-name>
+
+# Check if component name is provided
+if [ -z "$1" ]; then
+  echo "Error: Component name is required"
+  echo "Usage: ./add <component-name>"
+  exit 1
+fi
+
+COMPONENT=$1
+
+echo "Installing component: $COMPONENT"
+
+# Run shadcn-vue installation command
+npx shadcn-vue@latest add $COMPONENT
+
+# Check if installation was successful
+if [ $? -ne 0 ]; then
+  echo "Error: Failed to install component $COMPONENT"
+  exit 1
+fi
+
+# Create target directory if it doesn't exist
+mkdir -p src/components/$COMPONENT
+
+# Move files from ui directory to components directory
+if [ -d "src/components/ui/$COMPONENT" ]; then
+  echo "Moving files from src/components/ui/$COMPONENT to src/components/$COMPONENT"
+  mv -f src/components/ui/$COMPONENT/* src/components/$COMPONENT/
+
+  # Remove the now empty ui directory for this component
+  rmdir src/components/ui/$COMPONENT 2>/dev/null
+
+  echo "Component $COMPONENT successfully installed and moved to the correct location"
+else
+  echo "Warning: Directory src/components/ui/$COMPONENT not found"
+  echo "Check if the component was installed correctly"
+  exit 1
+fi

app/pages/contribution-guide.md

@@ -3,13 +3,19 @@
 ## Adding Components
 Gooey is built primarily with [Shadcdn-vue](https://www.shadcn-vue.com/) components.
 
-Components can be installed into the project following the standard installation method, eg. `npx shadcn-vue@latest add sidebar`.
+Components can be installed into the project using the `./add <component>` command, which handles the installation and file movement automatically:
 
-Some components are customised wrappers around shadcn-vue to alter the API slightly.
+```bash
+./add <component-name>
+```
+
+Alternatively, you can use the standard installation method, eg. `npx shadcn-vue@latest add <component-name>`.
+
+Note that due to an ongoing bug in shadcn-vue and the `components.json` `aliases.ui` value, components will not install directly to `./src/components`. The `./add` script handles this automatically, but if you're using the standard method, you should copy the component up one level manually.
 
 When adding a component, ensure you do these things:
 
-1. Install from shadcn-vue, eg. `npx shadcn-vue@latest add sidebar`
+1. Install the component using `./add <component-name>` or from shadcn-vue directly with `npx shadcn-vue@latest add <component-name>`
 2. Register the component in `src/index.ts`
 3. Create a vue file matching the component name in app/components, and register it in `app/pages/index.ts`
 4. Register the documentation route in `app/router/index.ts`