#!/bin/bash

# Script to replace all q-page with div class="page" in Vue files

echo "🔄 Replacing q-page with div in all Vue files..."

# Find all .vue files and replace q-page
find apps/web/src -name "*.vue" -type f -exec sed -i '' \
  -e 's/<q-page\([^>]*\)>/<div class="page"\1>/g' \
  -e 's/<\/q-page>/<\/div>/g' \
  {} \;

echo "✅ Replacement complete!"
echo "📝 Verifying changes..."

# Count files modified
count=$(grep -rl "class=\"page\"" apps/web/src --include="*.vue" | wc -l)
echo "   Modified $count Vue files"

echo ""
echo "⚠️  Note: You may need to:"
echo "   1. Adjust padding/styling in some pages"
echo "   2. Remove Quasar-specific classes (q-pa-md, etc.)"
echo "   3. Test pages visually"
