mirror of
https://github.com/jxxghp/MoviePilot-Frontend.git
synced 2026-05-10 17:42:50 +08:00
28f38d8b8041db5f892b7f377a9403464307e1f3
* Fix: Ensure first tab is selected when no valid tab is active Co-authored-by: jxxghp <jxxghp@163.com> * Fix discover page tab selection logic when no tab is active Co-authored-by: jxxghp <jxxghp@163.com> * Fix tab selection logic in discover page lifecycle hooks Co-authored-by: jxxghp <jxxghp@163.com> * Remove unnecessary onMounted hook in discover page Co-authored-by: jxxghp <jxxghp@163.com> * Move dynamic header tab registration after tabs initialization Co-authored-by: jxxghp <jxxghp@163.com> * Refactor dynamic header tab registration in discover page Co-authored-by: jxxghp <jxxghp@163.com> * Fix tab selection logic in discover page to ensure first tab is selected Co-authored-by: jxxghp <jxxghp@163.com> * Update useDynamicHeaderTab to sync modelValue in tab configuration Co-authored-by: jxxghp <jxxghp@163.com> * Remove auto-tab selection logic from discover page Co-authored-by: jxxghp <jxxghp@163.com> --------- Co-authored-by: Cursor Agent <cursoragent@cursor.com>
…
…
…
…
…
MoviePilot-Frontend
中文 | English
Frontend project for MoviePilot, NodeJS version required: >= v20.12.1.
Features
- Modern interface built with Vue 3 and Vuetify 3
- Fast development experience with Vite build tool
- Multi-language support (Chinese/English)
- Complete plugin system with dynamic remote component loading
Module Federation
MoviePilot now supports Module Federation, allowing plugin developers to create dynamically loadable remote components for richer plugin user interfaces.
Documentation
- Module Federation Troubleshooting Guide - Common issues and solutions
- Plugin Remote Component Example - Complete example project for developing plugin components
Development
Recommended IDE Setup
VSCode + Volar (disable Vetur).
Configure Vite
See Vite Configuration Reference.
Install Dependencies
yarn
Development Server
yarn dev
Build for Production
yarn build
Static Deployment
-
Host the
diststatic files using a web server likenginx. Refer topublic/nginx.conffor nginx configuration. -
Alternatively, run the
service.jsdirectly with thenodecommand. It listens on port3000by default. Set theNGINX_PORTenvironment variable to adjust the port.
node dist/service.js
Languages
Vue
66.9%
TypeScript
29.3%
SCSS
3.1%
HTML
0.6%