Vue 3 Migration

.gitignore

@@ -113,6 +113,7 @@
 
 # Vue front end
 !td.vue
+!td.vue/.npmrc
 !td.vue/**/*.vue
 !td.vue/*config.js
 !td.vue/**/*.scss
@@ -236,6 +237,8 @@
 !td.vue/tests/unit/desktop/helpers/*.js
 !td.vue/tests/unit/entity/
 !td.vue/tests/unit/entity/*.spec.js
+!td.vue/tests/unit/helpers/
+!td.vue/tests/unit/helpers/*.js
 !td.vue/tests/unit/router/
 !td.vue/tests/unit/router/*.spec.js
 !td.vue/tests/unit/service/

Dockerfile

@@ -26,7 +26,8 @@ COPY        ./td.vue/*.config.js ./td.vue/
 
 RUN         npm clean-install --ignore-scripts
 RUN         cd td.server && npm clean-install
-RUN         cd td.vue && npm clean-install
+# TODO: Remove --legacy-peer-deps when Vue3 migration is complete
+RUN         cd td.vue && npm clean-install --legacy-peer-deps
 RUN         npm run build
 RUN         cd td.server && npm run make-sbom
 RUN         cp td.server/sbom.json        boms/threat-dragon-server-bom.json && \

td.vue/.eslintrc.js

@@ -3,7 +3,7 @@ module.exports = {
         'node': true
     },
     'extends': [
-        'plugin:vue/essential',
+        'plugin:vue/vue3-essential',
         'eslint:recommended'
     ],
     globals: {

td.vue/.npmrc

@@ -0,0 +1,3 @@
+# TODO: Remove this file once Vue 3 migration build is no longer in use.
+# Required while Vue 3 migration build is in use: some dependencies still declare Vue 2 peer.
+legacy-peer-deps=true

td.vue/jest.config.js

@@ -7,6 +7,11 @@ module.exports = async () => {
             '.*\\.(js)$': 'babel-jest'
         },
         moduleNameMapper: {
+            // TODO: Remove this alias when fully migrated to Vue 3 and
+            // the compat dependency is removed
+            '^vue$': require.resolve('@vue/compat'),
+            '^@vue/test-utils$': '<rootDir>/src/plugins/vue-test-utils-compat.js',
+            '^vue-i18n$': '<rootDir>/src/plugins/vue-i18n-test-compat.js',
             '^@/(.*)$': '<rootDir>/src/$1',
             '^lodash-es$': 'lodash'
         },
@@ -26,4 +31,3 @@ module.exports = async () => {
         ]
     };
 };
-