Add Vue Router 4 compatibility layer

What does this MR do and why?

Resolves Create wrapper for new vue-router bootstrapping... (#396471 - closed).

How to set up and validate locally

  1. Apply this patch:
Enable Vue 3
Index: config/webpack.config.js
IDEA additional info:
Subsystem: com.intellij.openapi.diff.impl.patch.CharsetEP
<+>UTF-8
===================================================================
diff --git a/config/webpack.config.js b/config/webpack.config.js
--- a/config/webpack.config.js	(revision 4c94e58efe5b0270be08c885e517029c2e96b532)
+++ b/config/webpack.config.js	(date 1681225788548)
@@ -1,7 +1,7 @@
 // eslint-disable-next-line import/order
 const crypto = require('./helpers/patched_crypto');
 
-const { VUE_VERSION: EXPLICIT_VUE_VERSION } = process.env;
+const { VUE_VERSION: EXPLICIT_VUE_VERSION } = { VUE_VERSION: '3' };
 if (![undefined, '2', '3'].includes(EXPLICIT_VUE_VERSION)) {
   throw new Error(
     `Invalid VUE_VERSION value: ${EXPLICIT_VUE_VERSION}. Only '2' and '3' are supported`,
  1. Run gdk restart webpack
  2. Check some of the pages that use Vue Router
    1. Comment templates (enable :saved_replies feature flag): create and edit template should work
    2. wget project pipeline details: tabs should switch
    3. wget job details: tabs should switch
Edited by Stanislav Lashmanov

Merge request reports

Loading