feat: Add initial implementation of ResourceLoader.js with sample resources

- Created index.html for the main entry point of the application.
- Added favicon.ico for the application icon.
- Included CSS styles in index-d55f00d0.css for styling the application.
- Added sample JavaScript (sample-script.js) and CSS (sample-style.css) files for testing.
- Created sample data (sample-data.json) for application features.
- Added animated logo (resource-loader-logo.svg) for branding.
- Implemented NotFound.vue component for handling 404 errors.

Author: peterbenoit

.gitignore

@@ -1,2 +1,3 @@
 node_modules
 docs/package-lock.json
+console.log

README.md

@@ -20,6 +20,16 @@ You can directly download the `ResourceLoader.js` file or include it from your p
 
 You can download the `ResourceLoader.js` file directly from this repository.
 
+### Usage
+
+After including ResourceLoader.js in your HTML:
+
+```html
+<script src="path/to/ResourceLoader.js"></script>
+```
+
+ResourceLoader will be available as a global object `window.ResourceLoader` or simply `ResourceLoader` in your code.
+
 ### Demo
 
 Some examples of ResourceLoader in action can be found at [CodePen](https://codepen.io/peterbenoit/pen/gOVLWXZ).

docs/DEPLOYMENT.md

@@ -0,0 +1,57 @@
+# ResourceLoader.js Documentation Site Deployment
+
+## Completed Tasks
+
+-   Created a Vue.js documentation site with Tailwind CSS styling
+-   Implemented interactive examples for all main features
+-   Set up proper error handling in the examples
+-   Added sample resources for demonstration
+-   Created comprehensive API reference documentation
+-   Fixed template errors in Home.vue page
+-   Added 404 page for better user experience
+-   Updated the ResourceLoader.js library comments
+-   Modified ResourceLoader.js to use window.ResourceLoader to ensure global availability
+-   Created deployment script for easy Vercel deployment
+-   Configured Vercel routing and build settings
+
+## Deployment Steps
+
+1. Build the site:
+
+    ```
+    cd /Users/peterbenoit/GitHub/ResourceLoader.js/docs
+    npm run build
+    ```
+
+2. Deploy to Vercel:
+
+    ```
+    cd /Users/peterbenoit/GitHub/ResourceLoader.js
+    vercel --prod
+    ```
+
+    Or use the deployment script:
+
+    ```
+    cd /Users/peterbenoit/GitHub/ResourceLoader.js/docs
+    ./deploy.sh
+    ```
+
+## Post-Deployment
+
+After deployment:
+
+-   Verify all interactive examples work correctly in the live environment
+-   Check that the ResourceLoader.js file is being properly loaded
+-   Test on different browsers and devices
+-   Consider adding Google Analytics for tracking visitor statistics
+
+## Future Improvements
+
+Potential enhancements for the documentation site:
+
+-   Add search functionality
+-   Create a playground for testing custom ResourceLoader configurations
+-   Add version selection for multiple versions of the library
+-   Include a community showcase section
+-   Add downloadable examples as ZIP files

docs/README.md

@@ -35,7 +35,32 @@ This will create a `dist` folder with the built site.
 
 ## Deployment
 
-This site is configured for deployment on Vercel. Simply push to your GitHub repository and connect it with Vercel.
+This site is configured for deployment on Vercel. You can deploy it in one of several ways:
+
+### Using the Deploy Script
+
+```bash
+# Make the script executable (first time only)
+chmod +x ./deploy.sh
+
+# Run the deploy script
+./deploy.sh
+```
+
+### Manual Deployment
+
+```bash
+# Build the site
+npm run build
+
+# Deploy using Vercel CLI
+cd ..
+vercel --prod
+```
+
+### GitHub Integration
+
+Simply push to your GitHub repository and connect it with Vercel in the Vercel dashboard.
 
 ## Structure
 

docs/deploy.sh

@@ -0,0 +1,14 @@
+#!/bin/bash
+
+# Build the documentation site
+echo "Building documentation site..."
+npm run build
+
+# Navigate up to the main project directory for deployment
+cd ..
+
+# Deploy to Vercel
+echo "Deploying to Vercel..."
+vercel --prod
+
+echo "Deployment complete!"