Vue3 Upgrade Plan/Branch

[BryonLewis]

This branch is to manage a multi-phase effort to convert DIVE from utilizing Vue2 and Vuetify2 to Vue3 and Vuetify3.
It's a fairly large upgrade so there is a VUE3_UPGRADE_PLAN.md file that layouts the different phases.

These phases will be merged into this branch before final merging into the main branch.

Summary

Feature branch for migrating DIVE from Vue 2.7 to Vue 3, keeping the existing defineComponent + setup() component style. Phase work lands here first; individual phase PRs merge into this branch before it eventually merges to main.

See client/VUE3-UPGRADE.md for the full plan, dependency matrix, and per-phase details.

Phases

• Phase 0 — Prep (Vue 2.7, no version bump): defineComponent migration, Vue 3–compatible event bus, settings hardening
• Phase 1 — Core Vue 3 swap: vue@3, @vitejs/plugin-vue, createApp(), .sync → v-model:prop, breaking API fixes
• Phase 2 — Router and plugins: vue-router 4, prompt service, directives, Sentry, vue-gtag, UILayer widget mounting
• Phase 3 — Vuetify 3: vuetify@3, createVuetify(), template/prop updates across ~100+ files
• Phase 4 — Web platform and Girder: @girder/components (girder-5-websocket-configurable), Girder 5 WebSocket notifications, @vue/test-utils@2, E2E smoke tests

Test plan

• Desktop app builds and runs through annotator workflows
• Web-girder app builds and runs (data browser, upload, jobs, viewer)
• Unit tests pass on @vue/test-utils v2
• No console prop warnings on Girder views
• WebSocket notifications verified against Girder 5