Vue.js/Built with Vue
< Vue.js
| Project | Author | Status | Components | Docs | Source Code | Notes |
|---|---|---|---|---|---|---|
| Desktop Improvements Typeahead Search | Web Team | In Production | Codex | Desktop Improvements | Part of Vector 2022 | The initial pilot project for Vue.js usage in MediaWiki. This project was originally developed using WVUI (Web Team Vue 2 component library), but has since been migrated to Codex. The TypeaheadSearch component itself lives within the Codex library and can be used elsewhere. |
| QuickSurveys Extension | Web Team | In Production | Codex | Extension:QuickSurveys | Gerrit | Originally developed using WVUI, QuickSurveys has been migrated to Codex as of July 2022. |
| RelatedArticles Extension | Web Team | Bootstrap version in production; Vue.js port in progress | Codex port in progress | Extension:RelatedArticles | Gerrit | Deployment of Vue.js version is currently blocked until some questions around performance/SSR can be resolved. |
| NearbyPages Extension | Web Team | In Development | WVUI (Codex port in progress) | Extension:NearbyPages | Gerrit | NearbyPages was originally part of MobileFrontend extension; it is being migrated to Vue & Codex as part of its refactor into a stand-alone extension that can be used more widely. |
| ReadingLists extension | Web Team | In Production | Codex | Extension:ReadingLists | Gerrit | |
| WikiSearchFront (extension) | Robis Koopmans (Wikibase Soltuions) | Released | MW 1.31+; ships with its own vue.min.js | Extension:WikiSearchFront | Github | Front-end for the WikiSearch extension |
| Wikibase Termbox | WMDE | In Production (mobile only) | Wikit | WMDE developed a stand-alone SSR service to support this feature. | ||
| Wikidata Bridge | WMDE | In Production | Wikit | Wikidata bridge | Gerrit | Currently on selected wikis only |
| Wikibase Tainted References | WMDE | Gerrit | ||||
| Wikidata Query Builder | WMDE | In Production | Wikit | Query Builder | Gerrit | |
| Commons MediaSearch | Structured Data Team | In Production | Structured Data custom components | Extension:MediaSearch | Gerrit | Still running in Vue 2 compat mode. The development of this feature was written about in a Wikimedia Tech Blog post. Provides a fallback no-js interface using PHP and Mustache; the Vue-based UI replaces this when JS initializes. |
| Commons Suggested Tags | Structured Data Team | In Production | Structured Data custom components | Extension:MachineVision | Gerrit | Still running in Vue 2 compat mode. The development of this feature was written about in a Wikimedia Tech Blog post. |
| SearchVue Extension | Structured Data Team | In Development | ?? | Extension:SearchVue | Gerrit | Experimental project. Will adapt some of the UI elements from MediaSearch to enhance the standard search page. |
| Growth Experiments Mentor Dashboard | Growth Team | In production | Codex, custom components | Extension:GrowthExperiments | See T297763 | |
| Growth Experiments New Impact module | Growth Team | In production | Codex, custom components | Extension:GrowthExperiments | https://phabricator.wikimedia.org/T222310 | |
| Content Translation 3 (CX3) | Language Team | In Production | MW components (see here for source) | Extension:ContentTranslationContent translation/Section translation | Gerrit | One of the first MediaWiki features to adopt Vue.js. This feature is developed as a stand-alone application outside of MediaWiki and bundled using Vite. More info about the development of CX3 can be found here. |
| WikiLambda | Abstract Wikipedia Team | In Development | Codex | Extension:WikiLambda | Gerrit | DST collaborated with Abstract Wikipedia team to alpha-test some Codex components in this project. |
| VueTest | Design Systems Team | Experimental | Vue 3 (compat. mode)/Codex | Extension:VueTest | Gerrit | Sandbox and testing ground for Vue.js code in MediaWiki. |
| Toolhub | Wikimedia Technical Engagement | In Production | Custom components | Toolhub on Meta-wiki | Gerrit | Developed outside of MediaWiki using Vue-CLI. Vue 2 application. |
| GlobalWatchlist | DannyS712 | OOUI version in production; Vue.js version behind a feature flag | WVUI (Codex port pending) | Extension:GlobalWatchlist | Gerrit | See T310240 for details about migration to Codex |
| CodexExample | Design Systems Team | Experimental | Codex | Extension:CodexExample | GitLab | Example MediaWiki extension that uses Codex components (Vue and CSS-only), design tokens, and icons |