📦 ❗️Vue 3 Migration - Roadmap

[sorbaugh]

Apps in server repository

• Prepare Vue 3 migration by having 2 build processes one for Vue 2 and one for migrated Vue 3 apps
  • Migrate to ESLint v9 to make linting on Vue 3 work ( chore: use ESLint v9 for linting #55495 )
  • Prepare migration by splitting the build process ( refactor: prepare Vue 3 migration #55432 )
• Moving forward with necessary migrations to Vue3, the following apps should be migrated.
  (names in parenthesis are respective app maintainers)
  • dav ( refactor(dav): migrate frontend to Typescript and Vue 3 #55951 )
  • encryption ( refactor(encryption): migrate to Vue 3 and Typescript and script setup #57515 )
  • federation ( refactor(federation): migrate app frontend (admin settings) to Vue 3 #57341 )
  • federatedfilesharing ( refactor(federatedfilesharing): migrate to Typescript and Vue 3 #56942 )
  • files_external ( refactor(files_external): migrate to script-setup and Vue 3 #57237 )
  • files_reminders ( refactor(files_reminders): migrate app to Vue 3 #56694 )
  • files_trashbin ( refactor(files_trashbin): migrate app to Vue 3 #56439 )
  • files_versions ( refactor(files_versions): Migrate to Vue3 #55965 )
  • oauth2 ( refactor(oauth2): migrate to Typescript and Vue 3 #57012 )
  • profile ( refactor(profile): migrate to script setup and Vue 3 #57236 )
  • sharebymail ( refactor: prepare Vue 3 migration #55432 )
  • systemtags ( refactor(systemtags): migrate to Vue 3 and script setup #57855 )
  • theming (refactor(theming): migrate to Typescript and Vue 3 #57163)
  • twofactor_backupcodes ( refactor(twofactor_backupcodes): migrate to Typescript and Vue 3 #56067 )
  • user_ldap (refactor(user_ldap): Migrate to Vue3 #56570)
  • user_status ( refactor(user_status): migrate to Vue 3 #56544 )
  • comments ( refactor(comments): migrate to Vue 3 #58353 )
  • dashboard ( @julien-nc )
  • files (📁 team)
  • files_sharing (📁 team)
  • updatenotification ( @enjeck )
  • weather_status ( @julien-nc )
  • workflowengine ( @blizzz )
  • core (📁 team but more like all teams) (this should be done close before or after the files app)
  • settings (🪪 IDP team)
    • appstore ( refactor: split appstore from settings and migrate to Typescript and Vue 3 #57290 )
      QUESTION: shall we for simplicity split this app into a new appstore app + separate settings ?

Ideally all files apps in "one go". Maintaining both Vue versions duplicates dependencies which has a performance impact.

External applications

• Migrate end_to_end_encryption to Vue 3 ( refactor: migrate to Vue 3 and Vue 3 based dependencies end_to_end_encryption#1149 )
• Migrate Teamfolders to Vue 3 ( refactor: migrate to new @nextcloud/files and Vue 3 groupfolders#4301 )
• Migrate privacy to Vue 3 ( Migrate to Vue 3, Vite, Composition API, and updated @nextcloud/* packages privacy#1278 )
• Migrate files_antivirus to Vue 3 ( feat: migrate frontend to Vue 3 files_antivirus#543 )

---

How to migrate apps?

1. Migrate the code to Vue 3
2. Remove symlink from build/frontend-legacy/apps
3. Remove entry from build/frontend-legacy/webpack.modules.cjs
4. Add symlink to build/frontend/apps
5. Add entry to build/frontend/vite.config.ts

If the migrated app has dependencies not already present in the Vue 3 version move the dependencies to the root package.json (and remove from build/frontend-legacy if no longer needed for the Vue 2 apps).
This way we can throw away everything from build/frontend* once done.