Attempt at Vue 3 migration

[ErikBjare]

@TimeToBuildBob see your comment here:

Submitted PR #771 to reduce vulnerabilities via npm overrides (37 → 32).

The remaining 32 vulnerabilities are all rooted in the Vue 2 ecosystem (vue 2.x is EOL) — they cannot be resolved without a Vue 3 migration. The fixable transitive deps (minimatch, webpack-dev-server) are now overridden to patched versions.

Previously PR #762 also fixed some (qs, babel).

Originally posted by @TimeToBuildBob in #581 (comment)

There should also be a separate issue (and even old PR?) about previous attempts/analysis at Vue 3 migration. Review and make a new attempt.

[TimeToBuildBob]

Vue 3 Migration Analysis

Reviewed the current dependencies and existing PRs. Here's what we're working with.

Existing Work

• Dependabot PR build(deps-dev): bump vue from 2.7.14 to 3.5.13 #652: Bumps vue 2.7.14 → 3.5.13 (but CI is failing — this only bumps the core, not the ecosystem)
• Dependabot PR build(deps): bump @fullcalendar/vue from 5.11.5 to 6.1.19 #697: Bumps @fullcalendar/vue 5 → 6 (Vue 3 native FullCalendar)

Dependencies That Need Replacing

Blocking (Vue 2 only):

Current	Version	Replacement
bootstrap-vue	^2.15	Decision needed (see below)
@vitejs/plugin-vue2	^2.3.3	@vitejs/plugin-vue (official Vue 3)
@vue/cli-service + @vue/cli-*	^5.0	Remove (Vite already handles this)
@vue/test-utils	^1.3.0	@vue/test-utils ^2.x
@vue/vue2-jest	^29.2.4	@vue/vue3-jest or switch to Vitest
vue-router	^3.5.3	vue-router ^4.x
vue-awesome	^3.5.1	oh-vue-icons or @iconify/vue
vue-color	^2.8.1	@ckpack/vue-color or similar
vue-chartjs	^4.1.0	vue-chartjs ^5.x (supports Vue 3)
vuedraggable	^2.24.3	vuedraggable ^4.x (aka sortablejs-vue3)
vue-datetime	^1.0.0-beta.13	Unmaintained — needs replacement
@fullcalendar/vue	^5.x	@fullcalendar/vue3 ^6.x (PR #697)
vue-d3-sunburst	custom fork	Needs Vue 3 update in the fork
vue-loader	^17.0	Not needed with Vite (webpack legacy)
vue-hot-reload-api	^2.3.4	Not needed in Vue 3
vue-style-loader	^4.1.0	Not needed with Vite
eslint-plugin-vue	^8.0	Upgrade to ^9.x for Vue 3
jquery	^3.5.1	Remove (not needed after Bootstrap 5 / BootstrapVue removal)

The Key Decision: What Replaces bootstrap-vue?

This is the most impactful choice. bootstrap-vue v2 is Vue 2 only and the component library we use throughout the UI. Options:

1. bootstrap-vue-next — Community Vue 3 port of BootstrapVue, closest migration path, but not officially by the BootstrapVue team
2. Bootstrap 5 CSS only — Drop the Vue component library, use plain Bootstrap 5 CSS + raw HTML elements. Most work to migrate but cleanest result. Drops jQuery entirely.
3. shadcn-vue — As discussed in Migrate to shadcn components? #527, if you want to take ownership of components. Largest upfront work but aligns with your stated preference.

My recommendation: bootstrap-vue-next for the initial migration (least disruption, gets us to Vue 3 fast), with a follow-up issue to evaluate shadcn-vue migration separately. The security vulnerability problem is already resolved via PR #771 overrides — the Vue 3 migration can happen at the right pace.

Also Needs Attention

• vue-d3-sunburst: Your custom fork (ErikBjare/Vue.D3.sunburst) is Vue 2. It would need to be updated to Vue 3 as part of this migration.
• The codebase has BOTH @vue/cli-service (webpack) AND vite — the webpack stack is legacy and should be removed as part of this migration.

Suggested Approach

1. Decide on bootstrap-vue replacement (likely bootstrap-vue-next for quick path)
2. Create a migration branch, apply vue → 3.x + plugin-vue
3. Work through each component systematically
4. Run bootstrap-vue-next's migration guide for component API changes
5. Update the vue-d3-sunburst fork to Vue 3

Happy to start the actual migration once the bootstrap-vue replacement is decided.

[ErikBjare]

Good plan, vue-bootstrap-next is the way

[TimeToBuildBob]

Phase 1 PR submitted: #773

The build system is now on Vue 3 + bootstrap-vue-next. Build passes (2191 modules transformed, 26s).

Key migrations done:

• Vue 2.7 → 3.5, Router 3 → 4, Bootstrap 4 → 5
• Removed all webpack/@vue/cli deps (Vite only)
• Stubbed Vue 2-only packages (vue-awesome, vue-color, vue-datetime, vue-d3-sunburst)

Phase 2 will be individual component migration — replacing stubs with real Vue 3 packages and migrating <b-button> etc. to bootstrap-vue-next syntax.