# XMPKit Web Demo
A XMPKit WebAssembly demo application built with Vue 3 + Element Plus + Vite + vue-i18n.
## Tech Stack
- **Vue 3** - Progressive JavaScript Framework
- **Element Plus** - Vue 3 Component Library
- **vue-i18n** - Vue Internationalization Plugin
- **Vite** - Next Generation Frontend Build Tool
- **WebAssembly** - High-performance XMP Processing
## Features
- 📁 File Upload (Drag & Drop Support)
- 🖼️ Image/Video/Audio Preview
- 📊 XMP Properties Display
- ✏️ XMP Property Editing
- 🏷️ Namespace Management (Table Display)
- 💾 File Save and Download
- 📦 Raw XMP Packet Viewing
- 🌐 Internationalization Support (Chinese/English)
## Development
```bash
# Install dependencies
npm install
# Build WASM (automatically runs before dev/build)
npm run build-wasm
# Start development server (automatically builds WASM first)
npm run dev
```
## Build
```bash
# Build for production
npm run build
```
## Preview
```bash
# Preview production build
npm run preview
```
## Notes
1. The `pkg` directory is automatically generated by `npm run build-wasm` or automatically before `npm run dev`/`npm run build`
2. The development server will automatically handle wasm file loading