Add GitHub Pages deployment configuration

- Configure Vite for GitHub Pages with correct base path
- Add GitHub Actions workflow for automatic deployment
- Add gh-pages package for manual deployment option
- Update README with live game link

Author: WayneGreeley

.github/workflows/deploy.yml

@@ -0,0 +1,40 @@
+name: Deploy Vue Tetris to GitHub Pages
+
+on:
+  push:
+    branches: [ main ]
+  pull_request:
+    branches: [ main ]
+
+jobs:
+  build-and-deploy:
+    runs-on: ubuntu-latest
+    
+    steps:
+    - name: Checkout
+      uses: actions/checkout@v4
+
+    - name: Setup Node.js
+      uses: actions/setup-node@v4
+      with:
+        node-version: '20'
+        cache: 'npm'
+        cache-dependency-path: vue-tetris-clone/package-lock.json
+
+    - name: Install dependencies
+      run: |
+        cd vue-tetris-clone
+        npm ci
+
+    - name: Build
+      run: |
+        cd vue-tetris-clone
+        npm run build
+
+    - name: Deploy to GitHub Pages
+      uses: peaceiris/actions-gh-pages@v3
+      if: github.ref == 'refs/heads/main'
+      with:
+        github_token: ${{ secrets.GITHUB_TOKEN }}
+        publish_dir: vue-tetris-clone/dist
+        cname: # Optional: add your custom domain here

vue-tetris-clone/README.md

@@ -52,6 +52,10 @@ npm run build
 - Node.js 18+ (required for Vite and modern tooling)
 - Modern browser with ES2020 support
 
+## 🎮 Play Online
+
+**🚀 [Play Vue Tetris Clone](https://waynegreeley.github.io/vue-tetris/)**
+
 ## Current Status
 
 ✅ **All Tasks Completed!**
@@ -77,9 +81,15 @@ npm run build
 - 👁️ **Ghost Piece Preview**: Shows where piece will land
 - 🔄 **Game State Management**: Start, pause, restart functionality
 
-⚠️ **Development Server Note:**
-The current environment has Node.js v12.18.3, but Vite requires Node.js 18+. The code is ready and will work with a modern Node.js version. To run the development server, upgrade to Node.js 18+ and then use `npm run dev`.
+## Deployment
 
-## Game Ready!
+The game is automatically deployed to GitHub Pages using GitHub Actions. Every push to the main branch triggers a new deployment.
 
-The Vue Tetris Clone is fully implemented and ready to play once you upgrade Node.js!
+### Manual Deployment (if needed)
+```bash
+cd vue-tetris-clone
+npm run deploy
+```
+
+⚠️ **Development Server Note:**
+The current environment has Node.js v12.18.3, but Vite requires Node.js 18+. The code is ready and will work with a modern Node.js version. To run the development server, upgrade to Node.js 18+ and then use `npm run dev`.