Moving to Vue 3

[matthew-white]

This issue lists PRs, commits, issues, and to-dos related to the move to Vue 3. (To-dos are marked with 🕒.)

I initially tried to migrate the codebase to Vue 3 in a single large PR (#526). However, there were challenges with that approach, including merge conflicts and other difficulties with Git. It also wasn't possible to run tests until the end of the PR, so it was hard to catch early mistakes.

Ultimately, I closed the PR and opted for a number of separate PRs. I realized that it was possible to merge many of the changes from the large PR into the current Vue 2 codebase. That was possible in part because Vue 2 supports provide/inject (which I didn't realize at first) and because we could use the VueCompositionAPI plugin. Sometimes extracting and merging a commit from the large PR required a temporary workaround implementing the Vue 3 behavior (for example, monkey-patching the Vue Test Utils Wrapper class in 16c9488).

• Changes related to Vue itself
  • e398833
  • Adding emits options on the way to Vue 3 #579
  • Make changes for Vue 3 related to Vue itself #582
  • Replace $once('hook:beforeDestroy') with Composition API #589
  • 8875394
  • 9131c43
  • 2584d59
  • f910526
  • 20b95c1
  • c5d3481
  • f0283be
  • 1fa5150
  • 745bace
  • 7fff54b
  • more

    • 2c6f718
    • e9941be
    • db2ea2c
• Changes related to Vue Test Utils
  • 57f669c
  • eaa85f8
  • 16c9488
  • e6b4fa0
  • 6b7c9fa
  • 0acdff1
  • d37137b
  • more

    • Update link to Vue Test Utils #580
    • 210abcd
    • b04309f
    • 7d2a05a
    • d6c5254
    • d38c555
• Changes related to Vue Router
  • Make changes to router as part of move to Vue 3 #599
  • 292adae
  • a8f243b
  • 600e557
  • 4174371
  • 124844a
  • 6038d3a
  • 95354c1
  • 🕒 Don't catch navigation promises
  • more

    • c28ee7b
    • 42c9172
    • d793bb9
    • db14d97
    • 1e12cb2
    • 3d6ba19
• Changes related to Vue I18n
  • Account for changes to translation component #575
  • 941e748
  • 8bbb596
  • 2b767be
  • 7a9bfdd
  • fcb1eb6
  • ebfab33
  • more

    • Remove ProjectEnableEncryption temporarily #563
    • 44c3198
    • 55c9e8c
    • 128d154
• Temporarily move to Vuex v4
  • c6321dc
• Add a container
  • 9c9d01a
  • Remove unneeded presenters #567
  • 6fbfe04
  • Add factory for router #576
  • Add config object to container #578
  • 46516ec
  • Move unsavedChanges out of store #583
  • 2240c7c
  • 2befb91
  • 359a8c6
  • 546a823
  • 3544f45
  • a01049c
  • more

    • 11ec50f
    • 93b5272
    • Do not use name property of presenter classes #598
• Move data out of the Vuex store
  • Add config object to container #578
  • Move unsavedChanges out of store #583
  • 4fd529d
  • 8633b02
  • a25e243
  • 2befb91
  • Replace Vuex with requestData object that uses Pinia #629
• Replace mixins with composables
  • d428a9a
  • Replace audit mixin with composable #591
  • Replace callWait mixin with composable #593
  • Add ability to cache composable results #736
  • Replace routes mixin with composable #737
  • Replace tab mixin with useTabs() composable #761
  • Replace request mixin with useRequest() composable #763
• Replace password strength meter
  • Temporarily remove password strength meter #586
  • Uninstall zxcvbn #592
  • Add back password strength meter #752
• 🕒 TODO/vue3 comments