Skip to content

Vue 3, vue-router 4 and Vuex 4 migration

Erwan Rouchet requested to merge vue3 into master

Requires !1311 (merged), closes #1023 (closed), closes #455 (closed), closes !740 (closed)

TODO:

  • Upgrade packages
  • Enable migration build
  • Fix all build errors
  • Fix transition class names
  • Use the new global mounting API
  • Migrate to vue-router 4
  • Migrate to Vuex 4
  • Update ESLint rules and fix 150+ linting errors
  • Fix all 100+ migration warnings
    https://notes.teklia.com/wjTtMBvsSMavnGvd2s1CSA?both
    • 65× COMPILER_FILTER
    • 24× COMPILER_V_BIND_SYNC
    • 8× COMPILER_V_BIND_OBJECT_ORDER
    • 2× COMPILER_V_ON_NATIVE
    • 2× COMPILER_NATIVE_TEMPLATE
    • Deprecated ::v-deep
  • Document all emitted events using the new emits option—that can actually affect Vue's behavior, that's not just docs.
  • Document all public properties visible over $refs using the new expose option
  • Apply fixes for every compatibility flag so we can turn it all off
  • Read through the entire migration guide to find out if there are any other required actions
  • Remove vue-async-computed and all its uses
  • Migrate to vue-test-utils 2
    • Migrate from Node assert to Chai assert
    • Merge !740 (closed) into this branch
    • Fix all store tests
    • Skip all current component test failures
  • Remove migration build configuration and @vue/compat
  • Test the entire frontend for 10 years
    • Look for missing whitespace between tags
  • Write a summary of the most important changes for developers and reviewers https://wiki.teklia.com/en/arkindex/dev-doc/frontend-migration
Edited by Bastien Abadie

Merge request reports