The English installation documentation was outdated and missing several important features compared to the Chinese version. This PR synchronizes the English documentation to match the comprehensive Chinese installation guide.

Key Changes

Updated Installation Instructions

• Global Installation: Now includes all required dependencies (nextui-vue tailwindcss @heroui/theme) instead of just nextui-vue
• Added explanatory text that nextui-vue doesn't bundle the @heroui/theme dependency and requires TailwindCSS to be installed together

Comprehensive Configuration Section

• Replaced the basic "Theme Configuration" with a full "Configuration" section
• TailwindCSS Version Support: Updated from "V3 and below only" to "V4 by default with limited V3 support"
• Two Configuration Approaches: Added support for both with and without tailwind.config.js file configurations

TailwindCSS V4 Support

• Updated import syntax from require('@heroui/theme') to ES modules import { heroui } from '@heroui/theme'
• Added new TailwindCSS V4 configuration method using @import, @source, @plugin, and @custom-variant directives
• Included detailed explanation of why tailwind.config.js is recommended with benefits like reduced migration cost and better compatibility

New Vite Configuration Section

• Added complete Vite setup instructions including plugin installation (@tailwindcss/vite)
• Provided step-by-step configuration for vite.config.ts

Content Structure

The English documentation now mirrors the Chinese version's structure:

1. Global Installation - Complete dependency installation
2. On-Demand Installation - Component-specific installation with configuration prerequisites
3. Configuration - Comprehensive TailwindCSS and Vite setup
   • TailwindCSS (with/without config file approaches)
   • Vite plugin configuration

Before this change, users following the English documentation would encounter issues due to missing dependencies and outdated configuration instructions. The documentation now provides clear, up-to-date installation paths for both TailwindCSS V3 and V4 users.

Fixes #157.

💡 You can make Copilot smarter by setting up custom instructions, customizing its development environment and configuring Model Context Protocol (MCP) servers. Learn more Copilot coding agent tips in the docs.