From 4896b226166e9c5fe774f0a772877cf433569c9c Mon Sep 17 00:00:00 2001
From: sand4rt <info@mesander.com>
Date: Tue, 1 Nov 2022 22:17:43 +0100
Subject: [PATCH] chore(ct): bump vue to v2.7.13 (#18428)

---
 package-lock.json                         | 990 ++--------------------
 packages/playwright-ct-vue2/index.js      |   2 +-
 packages/playwright-ct-vue2/package.json  |   6 +-
 tests/components/ct-vue2-cli/package.json |   5 +-
 tsconfig.json                             |   1 +
 5 files changed, 95 insertions(+), 909 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index adc78d9e63..b1d67b58f1 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -335,6 +335,7 @@
     },
     "node_modules/@babel/helper-skip-transparent-expression-wrappers": {
       "version": "7.16.0",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@babel/types": "^7.16.0"
@@ -414,6 +415,7 @@
     },
     "node_modules/@babel/plugin-proposal-class-properties": {
       "version": "7.16.7",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@babel/helper-create-class-features-plugin": "^7.16.7",
@@ -426,24 +428,6 @@
         "@babel/core": "^7.0.0-0"
       }
     },
-    "node_modules/@babel/plugin-proposal-decorators": {
-      "version": "7.18.2",
-      "license": "MIT",
-      "dependencies": {
-        "@babel/helper-create-class-features-plugin": "^7.18.0",
-        "@babel/helper-plugin-utils": "^7.17.12",
-        "@babel/helper-replace-supers": "^7.18.2",
-        "@babel/helper-split-export-declaration": "^7.16.7",
-        "@babel/plugin-syntax-decorators": "^7.17.12",
-        "charcodes": "^0.2.0"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
     "node_modules/@babel/plugin-proposal-export-namespace-from": {
       "version": "7.16.7",
       "dev": true,
@@ -476,6 +460,7 @@
     },
     "node_modules/@babel/plugin-proposal-nullish-coalescing-operator": {
       "version": "7.16.7",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.16.7",
@@ -488,25 +473,9 @@
         "@babel/core": "^7.0.0-0"
       }
     },
-    "node_modules/@babel/plugin-proposal-object-rest-spread": {
-      "version": "7.18.0",
-      "license": "MIT",
-      "dependencies": {
-        "@babel/compat-data": "^7.17.10",
-        "@babel/helper-compilation-targets": "^7.17.10",
-        "@babel/helper-plugin-utils": "^7.17.12",
-        "@babel/plugin-syntax-object-rest-spread": "^7.8.3",
-        "@babel/plugin-transform-parameters": "^7.17.12"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
     "node_modules/@babel/plugin-proposal-optional-chaining": {
       "version": "7.16.7",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.16.7",
@@ -520,19 +489,6 @@
         "@babel/core": "^7.0.0-0"
       }
     },
-    "node_modules/@babel/plugin-syntax-decorators": {
-      "version": "7.17.12",
-      "license": "MIT",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.17.12"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
     "node_modules/@babel/plugin-syntax-export-namespace-from": {
       "version": "7.8.3",
       "dev": true,
@@ -570,16 +526,7 @@
     },
     "node_modules/@babel/plugin-syntax-nullish-coalescing-operator": {
       "version": "7.8.3",
-      "license": "MIT",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.8.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-syntax-object-rest-spread": {
-      "version": "7.8.3",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.8.0"
@@ -590,6 +537,7 @@
     },
     "node_modules/@babel/plugin-syntax-optional-chaining": {
       "version": "7.8.3",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "@babel/helper-plugin-utils": "^7.8.0"
@@ -611,58 +559,6 @@
         "@babel/core": "^7.0.0-0"
       }
     },
-    "node_modules/@babel/plugin-transform-arrow-functions": {
-      "version": "7.17.12",
-      "license": "MIT",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.17.12"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-transform-block-scoping": {
-      "version": "7.18.4",
-      "license": "MIT",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.17.12"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-transform-computed-properties": {
-      "version": "7.17.12",
-      "license": "MIT",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.17.12"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@babel/plugin-transform-destructuring": {
-      "version": "7.18.0",
-      "license": "MIT",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.17.12"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
     "node_modules/@babel/plugin-transform-modules-commonjs": {
       "version": "7.17.9",
       "dev": true,
@@ -680,19 +576,6 @@
         "@babel/core": "^7.0.0-0"
       }
     },
-    "node_modules/@babel/plugin-transform-parameters": {
-      "version": "7.17.12",
-      "license": "MIT",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.17.12"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
     "node_modules/@babel/plugin-transform-react-display-name": {
       "version": "7.16.7",
       "dev": true,
@@ -780,20 +663,6 @@
         "@babel/core": "^7.0.0-0"
       }
     },
-    "node_modules/@babel/plugin-transform-spread": {
-      "version": "7.17.12",
-      "license": "MIT",
-      "dependencies": {
-        "@babel/helper-plugin-utils": "^7.17.12",
-        "@babel/helper-skip-transparent-expression-wrappers": "^7.16.0"
-      },
-      "engines": {
-        "node": ">=6.9.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
     "node_modules/@babel/plugin-transform-typescript": {
       "version": "7.18.12",
       "license": "MIT",
@@ -1112,6 +981,7 @@
     },
     "node_modules/@rollup/pluginutils": {
       "version": "4.2.1",
+      "dev": true,
       "license": "MIT",
       "dependencies": {
         "estree-walker": "^2.0.1",
@@ -1501,107 +1371,16 @@
         "node": ">=12.0.0"
       }
     },
-    "node_modules/@vue/babel-helper-vue-jsx-merge-props": {
-      "version": "1.2.1",
-      "license": "MIT"
-    },
-    "node_modules/@vue/babel-plugin-transform-vue-jsx": {
-      "version": "1.2.1",
-      "license": "MIT",
-      "dependencies": {
-        "@babel/helper-module-imports": "^7.0.0",
-        "@babel/plugin-syntax-jsx": "^7.2.0",
-        "@vue/babel-helper-vue-jsx-merge-props": "^1.2.1",
-        "html-tags": "^2.0.0",
-        "lodash.kebabcase": "^4.1.1",
-        "svg-tags": "^1.0.0"
+    "node_modules/@vitejs/plugin-vue2": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/@vitejs/plugin-vue2/-/plugin-vue2-2.0.0.tgz",
+      "integrity": "sha512-VJOCDtBNcRv7kYLQRbbERDP0OqW0EKgMQp6wwbqZRpU3kg38OP891avx6Xl3szntGkf9mK4i8k3TjsAlmkzWFg==",
+      "engines": {
+        "node": "^14.18.0 || >= 16.0.0"
       },
       "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@vue/babel-preset-jsx": {
-      "version": "1.2.4",
-      "license": "MIT",
-      "dependencies": {
-        "@vue/babel-helper-vue-jsx-merge-props": "^1.2.1",
-        "@vue/babel-plugin-transform-vue-jsx": "^1.2.1",
-        "@vue/babel-sugar-composition-api-inject-h": "^1.2.1",
-        "@vue/babel-sugar-composition-api-render-instance": "^1.2.4",
-        "@vue/babel-sugar-functional-vue": "^1.2.2",
-        "@vue/babel-sugar-inject-h": "^1.2.2",
-        "@vue/babel-sugar-v-model": "^1.2.3",
-        "@vue/babel-sugar-v-on": "^1.2.3"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@vue/babel-sugar-composition-api-inject-h": {
-      "version": "1.2.1",
-      "license": "MIT",
-      "dependencies": {
-        "@babel/plugin-syntax-jsx": "^7.2.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@vue/babel-sugar-composition-api-render-instance": {
-      "version": "1.2.4",
-      "license": "MIT",
-      "dependencies": {
-        "@babel/plugin-syntax-jsx": "^7.2.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@vue/babel-sugar-functional-vue": {
-      "version": "1.2.2",
-      "license": "MIT",
-      "dependencies": {
-        "@babel/plugin-syntax-jsx": "^7.2.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@vue/babel-sugar-inject-h": {
-      "version": "1.2.2",
-      "license": "MIT",
-      "dependencies": {
-        "@babel/plugin-syntax-jsx": "^7.2.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@vue/babel-sugar-v-model": {
-      "version": "1.2.3",
-      "license": "MIT",
-      "dependencies": {
-        "@babel/plugin-syntax-jsx": "^7.2.0",
-        "@vue/babel-helper-vue-jsx-merge-props": "^1.2.1",
-        "@vue/babel-plugin-transform-vue-jsx": "^1.2.1",
-        "camelcase": "^5.0.0",
-        "html-tags": "^2.0.0",
-        "svg-tags": "^1.0.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
-      }
-    },
-    "node_modules/@vue/babel-sugar-v-on": {
-      "version": "1.2.3",
-      "license": "MIT",
-      "dependencies": {
-        "@babel/plugin-syntax-jsx": "^7.2.0",
-        "@vue/babel-plugin-transform-vue-jsx": "^1.2.1",
-        "camelcase": "^5.0.0"
-      },
-      "peerDependencies": {
-        "@babel/core": "^7.0.0-0"
+        "vite": "^3.0.0",
+        "vue": "^2.7.0-0"
       }
     },
     "node_modules/@vue/compiler-core": {
@@ -1674,75 +1453,6 @@
         "@vue/shared": "3.2.36"
       }
     },
-    "node_modules/@vue/component-compiler-utils": {
-      "version": "3.3.0",
-      "license": "MIT",
-      "dependencies": {
-        "consolidate": "^0.15.1",
-        "hash-sum": "^1.0.2",
-        "lru-cache": "^4.1.2",
-        "merge-source-map": "^1.1.0",
-        "postcss": "^7.0.36",
-        "postcss-selector-parser": "^6.0.2",
-        "source-map": "~0.6.1",
-        "vue-template-es2015-compiler": "^1.9.0"
-      },
-      "optionalDependencies": {
-        "prettier": "^1.18.2 || ^2.0.0"
-      }
-    },
-    "node_modules/@vue/component-compiler-utils/node_modules/consolidate": {
-      "version": "0.15.1",
-      "license": "MIT",
-      "dependencies": {
-        "bluebird": "^3.1.1"
-      },
-      "engines": {
-        "node": ">= 0.10.0"
-      }
-    },
-    "node_modules/@vue/component-compiler-utils/node_modules/hash-sum": {
-      "version": "1.0.2",
-      "license": "MIT"
-    },
-    "node_modules/@vue/component-compiler-utils/node_modules/lru-cache": {
-      "version": "4.1.5",
-      "license": "ISC",
-      "dependencies": {
-        "pseudomap": "^1.0.2",
-        "yallist": "^2.1.2"
-      }
-    },
-    "node_modules/@vue/component-compiler-utils/node_modules/picocolors": {
-      "version": "0.2.1",
-      "license": "ISC"
-    },
-    "node_modules/@vue/component-compiler-utils/node_modules/postcss": {
-      "version": "7.0.39",
-      "license": "MIT",
-      "dependencies": {
-        "picocolors": "^0.2.1",
-        "source-map": "^0.6.1"
-      },
-      "engines": {
-        "node": ">=6.0.0"
-      },
-      "funding": {
-        "type": "opencollective",
-        "url": "https://opencollective.com/postcss/"
-      }
-    },
-    "node_modules/@vue/component-compiler-utils/node_modules/source-map": {
-      "version": "0.6.1",
-      "license": "BSD-3-Clause",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
-    "node_modules/@vue/component-compiler-utils/node_modules/yallist": {
-      "version": "2.1.2",
-      "license": "ISC"
-    },
     "node_modules/@vue/reactivity": {
       "version": "3.2.36",
       "license": "MIT",
@@ -1978,10 +1688,6 @@
       "version": "0.0.2",
       "dev": true
     },
-    "node_modules/bluebird": {
-      "version": "3.7.2",
-      "license": "MIT"
-    },
     "node_modules/boolean": {
       "version": "3.2.0",
       "dev": true,
@@ -2095,6 +1801,7 @@
     },
     "node_modules/camelcase": {
       "version": "5.0.0",
+      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=6"
@@ -2127,13 +1834,6 @@
         "node": ">=4"
       }
     },
-    "node_modules/charcodes": {
-      "version": "0.2.0",
-      "license": "MIT",
-      "engines": {
-        "node": ">=6"
-      }
-    },
     "node_modules/chokidar": {
       "version": "3.5.3",
       "dev": true,
@@ -2416,16 +2116,6 @@
         "proto-list": "~1.2.1"
       }
     },
-    "node_modules/consolidate": {
-      "version": "0.16.0",
-      "license": "MIT",
-      "dependencies": {
-        "bluebird": "^3.7.2"
-      },
-      "engines": {
-        "node": ">= 0.10.0"
-      }
-    },
     "node_modules/convert-source-map": {
       "version": "1.7.0",
       "license": "MIT",
@@ -2468,20 +2158,10 @@
         "node": ">= 8"
       }
     },
-    "node_modules/cssesc": {
-      "version": "3.0.0",
-      "license": "MIT",
-      "bin": {
-        "cssesc": "bin/cssesc"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
     "node_modules/csstype": {
-      "version": "3.0.8",
-      "dev": true,
-      "license": "MIT"
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.1.tgz",
+      "integrity": "sha512-DJR/VvkAvSZW9bTouZue2sSxDwdTN92uHjqeKVm+0dAqdfNykRzQ95tay8aXMBAAPpUiq4Qcug2L7neoRh2Egw=="
     },
     "node_modules/cycle": {
       "version": "1.0.3",
@@ -2502,11 +2182,6 @@
         "url": "https://opencollective.com/date-fns"
       }
     },
-    "node_modules/de-indent": {
-      "version": "1.0.2",
-      "license": "MIT",
-      "peer": true
-    },
     "node_modules/debug": {
       "version": "4.3.4",
       "license": "MIT",
@@ -3795,6 +3470,7 @@
     },
     "node_modules/graceful-fs": {
       "version": "4.2.9",
+      "dev": true,
       "license": "ISC"
     },
     "node_modules/has": {
@@ -3825,18 +3501,6 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/hash-sum": {
-      "version": "2.0.0",
-      "license": "MIT"
-    },
-    "node_modules/he": {
-      "version": "1.2.0",
-      "license": "MIT",
-      "peer": true,
-      "bin": {
-        "he": "bin/he"
-      }
-    },
     "node_modules/hexoid": {
       "version": "1.0.0",
       "dev": true,
@@ -3858,13 +3522,6 @@
       "resolved": "packages/html-reporter",
       "link": true
     },
-    "node_modules/html-tags": {
-      "version": "2.0.0",
-      "license": "MIT",
-      "engines": {
-        "node": ">=4"
-      }
-    },
     "node_modules/http-cache-semantics": {
       "version": "4.1.0",
       "dev": true,
@@ -4146,10 +3803,6 @@
       "dev": true,
       "license": "MIT"
     },
-    "node_modules/lodash.kebabcase": {
-      "version": "4.1.1",
-      "license": "MIT"
-    },
     "node_modules/lodash.merge": {
       "version": "4.6.2",
       "dev": true,
@@ -4259,20 +3912,6 @@
         "url": "https://github.com/sponsors/mesqueeb"
       }
     },
-    "node_modules/merge-source-map": {
-      "version": "1.1.0",
-      "license": "MIT",
-      "dependencies": {
-        "source-map": "^0.6.1"
-      }
-    },
-    "node_modules/merge-source-map/node_modules/source-map": {
-      "version": "0.6.1",
-      "license": "BSD-3-Clause",
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
     "node_modules/merge2": {
       "version": "1.4.1",
       "dev": true,
@@ -4619,6 +4258,7 @@
     },
     "node_modules/picomatch": {
       "version": "2.2.3",
+      "dev": true,
       "license": "MIT",
       "engines": {
         "node": ">=8.6"
@@ -4686,17 +4326,6 @@
         "node": "^10 || ^12 || >=14"
       }
     },
-    "node_modules/postcss-selector-parser": {
-      "version": "6.0.10",
-      "license": "MIT",
-      "dependencies": {
-        "cssesc": "^3.0.0",
-        "util-deprecate": "^1.0.2"
-      },
-      "engines": {
-        "node": ">=4"
-      }
-    },
     "node_modules/prelude-ls": {
       "version": "1.2.1",
       "dev": true,
@@ -4713,19 +4342,6 @@
         "node": ">=4"
       }
     },
-    "node_modules/prettier": {
-      "version": "2.6.2",
-      "license": "MIT",
-      "bin": {
-        "prettier": "bin-prettier.js"
-      },
-      "engines": {
-        "node": ">=10.13.0"
-      },
-      "funding": {
-        "url": "https://github.com/prettier/prettier?sponsor=1"
-      }
-    },
     "node_modules/process-nextick-args": {
       "version": "2.0.1",
       "dev": true,
@@ -4758,10 +4374,6 @@
         "proxy": "bin/proxy.js"
       }
     },
-    "node_modules/pseudomap": {
-      "version": "1.0.2",
-      "license": "ISC"
-    },
     "node_modules/pump": {
       "version": "3.0.0",
       "dev": true,
@@ -4790,13 +4402,6 @@
         "url": "https://github.com/sponsors/ljharb"
       }
     },
-    "node_modules/querystring": {
-      "version": "0.2.1",
-      "license": "MIT",
-      "engines": {
-        "node": ">=0.4.x"
-      }
-    },
     "node_modules/queue-microtask": {
       "version": "1.2.3",
       "dev": true,
@@ -5026,19 +4631,6 @@
         "node": ">=8.0"
       }
     },
-    "node_modules/rollup": {
-      "version": "2.77.0",
-      "license": "MIT",
-      "bin": {
-        "rollup": "dist/bin/rollup"
-      },
-      "engines": {
-        "node": ">=10.0.0"
-      },
-      "optionalDependencies": {
-        "fsevents": "~2.3.2"
-      }
-    },
     "node_modules/run-parallel": {
       "version": "1.2.0",
       "dev": true,
@@ -5406,9 +4998,6 @@
         "svelte": ">=3.19.0"
       }
     },
-    "node_modules/svg-tags": {
-      "version": "1.0.0"
-    },
     "node_modules/text-table": {
       "version": "0.2.0",
       "dev": true,
@@ -5568,6 +5157,7 @@
     },
     "node_modules/util-deprecate": {
       "version": "1.0.2",
+      "dev": true,
       "license": "MIT"
     },
     "node_modules/util-extend": {
@@ -5649,89 +5239,6 @@
         "vite": "^3.0.0"
       }
     },
-    "node_modules/vite-plugin-vue2": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/vite-plugin-vue2/-/vite-plugin-vue2-2.0.2.tgz",
-      "integrity": "sha512-Oo1iwc5Zo376s3MYXqS7j+KXs26EjiyWV8/dmI23SoorO3zaAgnBefR45Zme+QtM407tJ2MVq0mqfI10qA5+LQ==",
-      "dependencies": {
-        "@babel/core": "^7.17.9",
-        "@babel/parser": "^7.17.9",
-        "@babel/plugin-proposal-class-properties": "^7.16.7",
-        "@babel/plugin-proposal-decorators": "^7.17.9",
-        "@babel/plugin-proposal-nullish-coalescing-operator": "^7.16.7",
-        "@babel/plugin-proposal-object-rest-spread": "^7.17.3",
-        "@babel/plugin-proposal-optional-chaining": "^7.16.7",
-        "@babel/plugin-transform-arrow-functions": "^7.16.7",
-        "@babel/plugin-transform-block-scoping": "^7.16.7",
-        "@babel/plugin-transform-computed-properties": "^7.16.7",
-        "@babel/plugin-transform-destructuring": "^7.17.7",
-        "@babel/plugin-transform-parameters": "^7.16.7",
-        "@babel/plugin-transform-spread": "^7.16.7",
-        "@babel/plugin-transform-typescript": "^7.16.8",
-        "@rollup/pluginutils": "^4.2.1",
-        "@vue/babel-helper-vue-jsx-merge-props": "^1.2.1",
-        "@vue/babel-preset-jsx": "^1.2.4",
-        "@vue/component-compiler-utils": "^3.3.0",
-        "consolidate": "^0.16.0",
-        "debug": "^4.3.4",
-        "fs-extra": "^10.1.0",
-        "hash-sum": "^2.0.0",
-        "magic-string": "^0.26.1",
-        "prettier": "^2.6.2",
-        "querystring": "^0.2.1",
-        "rollup": "^2.70.2",
-        "slash": "^3.0.0",
-        "source-map": "^0.7.3",
-        "vue-template-babel-compiler": "^1.2.0"
-      },
-      "peerDependencies": {
-        "vite": "^2.0.0 || ^3.0.0",
-        "vue-template-compiler": "^2.2.0"
-      }
-    },
-    "node_modules/vite-plugin-vue2/node_modules/fs-extra": {
-      "version": "10.1.0",
-      "license": "MIT",
-      "dependencies": {
-        "graceful-fs": "^4.2.0",
-        "jsonfile": "^6.0.1",
-        "universalify": "^2.0.0"
-      },
-      "engines": {
-        "node": ">=12"
-      }
-    },
-    "node_modules/vite-plugin-vue2/node_modules/jsonfile": {
-      "version": "6.1.0",
-      "license": "MIT",
-      "dependencies": {
-        "universalify": "^2.0.0"
-      },
-      "optionalDependencies": {
-        "graceful-fs": "^4.1.6"
-      }
-    },
-    "node_modules/vite-plugin-vue2/node_modules/slash": {
-      "version": "3.0.0",
-      "license": "MIT",
-      "engines": {
-        "node": ">=8"
-      }
-    },
-    "node_modules/vite-plugin-vue2/node_modules/source-map": {
-      "version": "0.7.3",
-      "license": "BSD-3-Clause",
-      "engines": {
-        "node": ">= 8"
-      }
-    },
-    "node_modules/vite-plugin-vue2/node_modules/universalify": {
-      "version": "2.0.0",
-      "license": "MIT",
-      "engines": {
-        "node": ">= 10.0.0"
-      }
-    },
     "node_modules/vite/node_modules/@esbuild/linux-loong64": {
       "version": "0.15.11",
       "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.15.11.tgz",
@@ -6098,47 +5605,32 @@
       }
     },
     "node_modules/vue": {
-      "version": "2.6.14",
-      "dev": true,
-      "license": "MIT"
-    },
-    "node_modules/vue-template-babel-compiler": {
-      "version": "1.2.0",
-      "license": "MIT",
+      "version": "2.7.13",
+      "resolved": "https://registry.npmjs.org/vue/-/vue-2.7.13.tgz",
+      "integrity": "sha512-QnM6ULTNnPmn71eUO+4hdjfBIA3H0GLsBnchnI/kS678tjI45GOUZhXd0oP/gX9isikXz1PAzSnkPspp9EUNfQ==",
       "dependencies": {
-        "@babel/core": "^7.14.3",
-        "@babel/plugin-proposal-nullish-coalescing-operator": "^7.14.5",
-        "@babel/plugin-proposal-object-rest-spread": "^7.15.6",
-        "@babel/plugin-proposal-optional-chaining": "^7.14.2",
-        "@babel/plugin-transform-arrow-functions": "^7.14.5",
-        "@babel/plugin-transform-block-scoping": "^7.14.5",
-        "@babel/plugin-transform-computed-properties": "^7.14.5",
-        "@babel/plugin-transform-destructuring": "^7.14.5",
-        "@babel/plugin-transform-parameters": "^7.14.5",
-        "@babel/plugin-transform-spread": "^7.14.5",
-        "@babel/types": "^7.14.5",
-        "deepmerge": "^4.2.2"
-      },
+        "@vue/compiler-sfc": "2.7.13",
+        "csstype": "^3.1.0"
+      }
+    },
+    "node_modules/vue/node_modules/@vue/compiler-sfc": {
+      "version": "2.7.13",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-2.7.13.tgz",
+      "integrity": "sha512-zzu2rLRZlgIU+OT3Atbr7Y6PG+LW4wVQpPfNRrGDH3dM9PsrcVfa+1pKb8bW467bGM3aDOvAnsYLWVpYIv3GRg==",
+      "dependencies": {
+        "@babel/parser": "^7.18.4",
+        "postcss": "^8.4.14",
+        "source-map": "^0.6.1"
+      }
+    },
+    "node_modules/vue/node_modules/source-map": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
       "engines": {
-        "node": ">=12.0.0"
-      },
-      "peerDependencies": {
-        "vue-template-compiler": "^2.6.0"
+        "node": ">=0.10.0"
       }
     },
-    "node_modules/vue-template-compiler": {
-      "version": "2.6.14",
-      "license": "MIT",
-      "peer": true,
-      "dependencies": {
-        "de-indent": "^1.0.2",
-        "he": "^1.1.0"
-      }
-    },
-    "node_modules/vue-template-es2015-compiler": {
-      "version": "1.9.1",
-      "license": "MIT"
-    },
     "node_modules/which": {
       "version": "2.0.2",
       "dev": true,
@@ -6498,11 +5990,11 @@
       "license": "Apache-2.0",
       "dependencies": {
         "@playwright/test": "1.28.0-next",
-        "vite": "^3.2.1",
-        "vite-plugin-vue2": "^2.0.2"
+        "@vitejs/plugin-vue2": "^2.0.0",
+        "vite": "^3.2.1"
       },
       "devDependencies": {
-        "vue": "^2.6.14"
+        "vue": "^2.7.13"
       },
       "engines": {
         "node": ">=14"
@@ -6740,6 +6232,7 @@
     },
     "@babel/helper-skip-transparent-expression-wrappers": {
       "version": "7.16.0",
+      "dev": true,
       "requires": {
         "@babel/types": "^7.16.0"
       }
@@ -6788,22 +6281,12 @@
     },
     "@babel/plugin-proposal-class-properties": {
       "version": "7.16.7",
+      "dev": true,
       "requires": {
         "@babel/helper-create-class-features-plugin": "^7.16.7",
         "@babel/helper-plugin-utils": "^7.16.7"
       }
     },
-    "@babel/plugin-proposal-decorators": {
-      "version": "7.18.2",
-      "requires": {
-        "@babel/helper-create-class-features-plugin": "^7.18.0",
-        "@babel/helper-plugin-utils": "^7.17.12",
-        "@babel/helper-replace-supers": "^7.18.2",
-        "@babel/helper-split-export-declaration": "^7.16.7",
-        "@babel/plugin-syntax-decorators": "^7.17.12",
-        "charcodes": "^0.2.0"
-      }
-    },
     "@babel/plugin-proposal-export-namespace-from": {
       "version": "7.16.7",
       "dev": true,
@@ -6822,35 +6305,21 @@
     },
     "@babel/plugin-proposal-nullish-coalescing-operator": {
       "version": "7.16.7",
+      "dev": true,
       "requires": {
         "@babel/helper-plugin-utils": "^7.16.7",
         "@babel/plugin-syntax-nullish-coalescing-operator": "^7.8.3"
       }
     },
-    "@babel/plugin-proposal-object-rest-spread": {
-      "version": "7.18.0",
-      "requires": {
-        "@babel/compat-data": "^7.17.10",
-        "@babel/helper-compilation-targets": "^7.17.10",
-        "@babel/helper-plugin-utils": "^7.17.12",
-        "@babel/plugin-syntax-object-rest-spread": "^7.8.3",
-        "@babel/plugin-transform-parameters": "^7.17.12"
-      }
-    },
     "@babel/plugin-proposal-optional-chaining": {
       "version": "7.16.7",
+      "dev": true,
       "requires": {
         "@babel/helper-plugin-utils": "^7.16.7",
         "@babel/helper-skip-transparent-expression-wrappers": "^7.16.0",
         "@babel/plugin-syntax-optional-chaining": "^7.8.3"
       }
     },
-    "@babel/plugin-syntax-decorators": {
-      "version": "7.17.12",
-      "requires": {
-        "@babel/helper-plugin-utils": "^7.17.12"
-      }
-    },
     "@babel/plugin-syntax-export-namespace-from": {
       "version": "7.8.3",
       "dev": true,
@@ -6873,18 +6342,14 @@
     },
     "@babel/plugin-syntax-nullish-coalescing-operator": {
       "version": "7.8.3",
-      "requires": {
-        "@babel/helper-plugin-utils": "^7.8.0"
-      }
-    },
-    "@babel/plugin-syntax-object-rest-spread": {
-      "version": "7.8.3",
+      "dev": true,
       "requires": {
         "@babel/helper-plugin-utils": "^7.8.0"
       }
     },
     "@babel/plugin-syntax-optional-chaining": {
       "version": "7.8.3",
+      "dev": true,
       "requires": {
         "@babel/helper-plugin-utils": "^7.8.0"
       }
@@ -6895,30 +6360,6 @@
         "@babel/helper-plugin-utils": "^7.18.6"
       }
     },
-    "@babel/plugin-transform-arrow-functions": {
-      "version": "7.17.12",
-      "requires": {
-        "@babel/helper-plugin-utils": "^7.17.12"
-      }
-    },
-    "@babel/plugin-transform-block-scoping": {
-      "version": "7.18.4",
-      "requires": {
-        "@babel/helper-plugin-utils": "^7.17.12"
-      }
-    },
-    "@babel/plugin-transform-computed-properties": {
-      "version": "7.17.12",
-      "requires": {
-        "@babel/helper-plugin-utils": "^7.17.12"
-      }
-    },
-    "@babel/plugin-transform-destructuring": {
-      "version": "7.18.0",
-      "requires": {
-        "@babel/helper-plugin-utils": "^7.17.12"
-      }
-    },
     "@babel/plugin-transform-modules-commonjs": {
       "version": "7.17.9",
       "dev": true,
@@ -6929,12 +6370,6 @@
         "babel-plugin-dynamic-import-node": "^2.3.3"
       }
     },
-    "@babel/plugin-transform-parameters": {
-      "version": "7.17.12",
-      "requires": {
-        "@babel/helper-plugin-utils": "^7.17.12"
-      }
-    },
     "@babel/plugin-transform-react-display-name": {
       "version": "7.16.7",
       "dev": true,
@@ -6982,13 +6417,6 @@
         "@babel/helper-plugin-utils": "^7.16.7"
       }
     },
-    "@babel/plugin-transform-spread": {
-      "version": "7.17.12",
-      "requires": {
-        "@babel/helper-plugin-utils": "^7.17.12",
-        "@babel/helper-skip-transparent-expression-wrappers": "^7.16.0"
-      }
-    },
     "@babel/plugin-transform-typescript": {
       "version": "7.18.12",
       "requires": {
@@ -7258,9 +6686,9 @@
       "version": "file:packages/playwright-ct-vue2",
       "requires": {
         "@playwright/test": "1.28.0-next",
+        "@vitejs/plugin-vue2": "^2.0.0",
         "vite": "^3.2.1",
-        "vite-plugin-vue2": "^2.0.2",
-        "vue": "^2.6.14"
+        "vue": "^2.7.13"
       }
     },
     "@playwright/test": {
@@ -7272,6 +6700,7 @@
     },
     "@rollup/pluginutils": {
       "version": "4.2.1",
+      "dev": true,
       "requires": {
         "estree-walker": "^2.0.1",
         "picomatch": "^2.2.2"
@@ -7496,75 +6925,11 @@
         "resolve": "^1.22.0"
       }
     },
-    "@vue/babel-helper-vue-jsx-merge-props": {
-      "version": "1.2.1"
-    },
-    "@vue/babel-plugin-transform-vue-jsx": {
-      "version": "1.2.1",
-      "requires": {
-        "@babel/helper-module-imports": "^7.0.0",
-        "@babel/plugin-syntax-jsx": "^7.2.0",
-        "@vue/babel-helper-vue-jsx-merge-props": "^1.2.1",
-        "html-tags": "^2.0.0",
-        "lodash.kebabcase": "^4.1.1",
-        "svg-tags": "^1.0.0"
-      }
-    },
-    "@vue/babel-preset-jsx": {
-      "version": "1.2.4",
-      "requires": {
-        "@vue/babel-helper-vue-jsx-merge-props": "^1.2.1",
-        "@vue/babel-plugin-transform-vue-jsx": "^1.2.1",
-        "@vue/babel-sugar-composition-api-inject-h": "^1.2.1",
-        "@vue/babel-sugar-composition-api-render-instance": "^1.2.4",
-        "@vue/babel-sugar-functional-vue": "^1.2.2",
-        "@vue/babel-sugar-inject-h": "^1.2.2",
-        "@vue/babel-sugar-v-model": "^1.2.3",
-        "@vue/babel-sugar-v-on": "^1.2.3"
-      }
-    },
-    "@vue/babel-sugar-composition-api-inject-h": {
-      "version": "1.2.1",
-      "requires": {
-        "@babel/plugin-syntax-jsx": "^7.2.0"
-      }
-    },
-    "@vue/babel-sugar-composition-api-render-instance": {
-      "version": "1.2.4",
-      "requires": {
-        "@babel/plugin-syntax-jsx": "^7.2.0"
-      }
-    },
-    "@vue/babel-sugar-functional-vue": {
-      "version": "1.2.2",
-      "requires": {
-        "@babel/plugin-syntax-jsx": "^7.2.0"
-      }
-    },
-    "@vue/babel-sugar-inject-h": {
-      "version": "1.2.2",
-      "requires": {
-        "@babel/plugin-syntax-jsx": "^7.2.0"
-      }
-    },
-    "@vue/babel-sugar-v-model": {
-      "version": "1.2.3",
-      "requires": {
-        "@babel/plugin-syntax-jsx": "^7.2.0",
-        "@vue/babel-helper-vue-jsx-merge-props": "^1.2.1",
-        "@vue/babel-plugin-transform-vue-jsx": "^1.2.1",
-        "camelcase": "^5.0.0",
-        "html-tags": "^2.0.0",
-        "svg-tags": "^1.0.0"
-      }
-    },
-    "@vue/babel-sugar-v-on": {
-      "version": "1.2.3",
-      "requires": {
-        "@babel/plugin-syntax-jsx": "^7.2.0",
-        "@vue/babel-plugin-transform-vue-jsx": "^1.2.1",
-        "camelcase": "^5.0.0"
-      }
+    "@vitejs/plugin-vue2": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/@vitejs/plugin-vue2/-/plugin-vue2-2.0.0.tgz",
+      "integrity": "sha512-VJOCDtBNcRv7kYLQRbbERDP0OqW0EKgMQp6wwbqZRpU3kg38OP891avx6Xl3szntGkf9mK4i8k3TjsAlmkzWFg==",
+      "requires": {}
     },
     "@vue/compiler-core": {
       "version": "3.2.36",
@@ -7627,54 +6992,6 @@
         "@vue/shared": "3.2.36"
       }
     },
-    "@vue/component-compiler-utils": {
-      "version": "3.3.0",
-      "requires": {
-        "consolidate": "^0.15.1",
-        "hash-sum": "^1.0.2",
-        "lru-cache": "^4.1.2",
-        "merge-source-map": "^1.1.0",
-        "postcss": "^7.0.36",
-        "postcss-selector-parser": "^6.0.2",
-        "prettier": "^1.18.2 || ^2.0.0",
-        "source-map": "~0.6.1",
-        "vue-template-es2015-compiler": "^1.9.0"
-      },
-      "dependencies": {
-        "consolidate": {
-          "version": "0.15.1",
-          "requires": {
-            "bluebird": "^3.1.1"
-          }
-        },
-        "hash-sum": {
-          "version": "1.0.2"
-        },
-        "lru-cache": {
-          "version": "4.1.5",
-          "requires": {
-            "pseudomap": "^1.0.2",
-            "yallist": "^2.1.2"
-          }
-        },
-        "picocolors": {
-          "version": "0.2.1"
-        },
-        "postcss": {
-          "version": "7.0.39",
-          "requires": {
-            "picocolors": "^0.2.1",
-            "source-map": "^0.6.1"
-          }
-        },
-        "source-map": {
-          "version": "0.6.1"
-        },
-        "yallist": {
-          "version": "2.1.2"
-        }
-      }
-    },
     "@vue/reactivity": {
       "version": "3.2.36",
       "peer": true,
@@ -7845,9 +7162,6 @@
       "version": "0.0.2",
       "dev": true
     },
-    "bluebird": {
-      "version": "3.7.2"
-    },
     "boolean": {
       "version": "3.2.0",
       "dev": true,
@@ -7919,7 +7233,8 @@
       "dev": true
     },
     "camelcase": {
-      "version": "5.0.0"
+      "version": "5.0.0",
+      "dev": true
     },
     "caniuse-lite": {
       "version": "1.0.30001426",
@@ -7934,9 +7249,6 @@
         "supports-color": "^5.3.0"
       }
     },
-    "charcodes": {
-      "version": "0.2.0"
-    },
     "chokidar": {
       "version": "3.5.3",
       "dev": true,
@@ -8129,12 +7441,6 @@
         "proto-list": "~1.2.1"
       }
     },
-    "consolidate": {
-      "version": "0.16.0",
-      "requires": {
-        "bluebird": "^3.7.2"
-      }
-    },
     "convert-source-map": {
       "version": "1.7.0",
       "requires": {
@@ -8161,12 +7467,10 @@
         "which": "^2.0.1"
       }
     },
-    "cssesc": {
-      "version": "3.0.0"
-    },
     "csstype": {
-      "version": "3.0.8",
-      "dev": true
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.1.1.tgz",
+      "integrity": "sha512-DJR/VvkAvSZW9bTouZue2sSxDwdTN92uHjqeKVm+0dAqdfNykRzQ95tay8aXMBAAPpUiq4Qcug2L7neoRh2Egw=="
     },
     "cycle": {
       "version": "1.0.3",
@@ -8176,10 +7480,6 @@
       "version": "2.23.0",
       "dev": true
     },
-    "de-indent": {
-      "version": "1.0.2",
-      "peer": true
-    },
     "debug": {
       "version": "4.3.4",
       "requires": {
@@ -8957,7 +8257,8 @@
       }
     },
     "graceful-fs": {
-      "version": "4.2.9"
+      "version": "4.2.9",
+      "dev": true
     },
     "has": {
       "version": "1.0.3",
@@ -8972,13 +8273,6 @@
       "version": "1.0.2",
       "dev": true
     },
-    "hash-sum": {
-      "version": "2.0.0"
-    },
-    "he": {
-      "version": "1.2.0",
-      "peer": true
-    },
     "hexoid": {
       "version": "1.0.0",
       "dev": true
@@ -8993,9 +8287,6 @@
     "html-reporter": {
       "version": "file:packages/html-reporter"
     },
-    "html-tags": {
-      "version": "2.0.0"
-    },
     "http-cache-semantics": {
       "version": "4.1.0",
       "dev": true
@@ -9180,9 +8471,6 @@
       "version": "4.17.21",
       "dev": true
     },
-    "lodash.kebabcase": {
-      "version": "4.1.1"
-    },
     "lodash.merge": {
       "version": "4.6.2",
       "dev": true
@@ -9253,17 +8541,6 @@
         "ts-toolbelt": "^9.6.0"
       }
     },
-    "merge-source-map": {
-      "version": "1.1.0",
-      "requires": {
-        "source-map": "^0.6.1"
-      },
-      "dependencies": {
-        "source-map": {
-          "version": "0.6.1"
-        }
-      }
-    },
     "merge2": {
       "version": "1.4.1",
       "dev": true
@@ -9478,7 +8755,8 @@
       "version": "1.0.0"
     },
     "picomatch": {
-      "version": "2.2.3"
+      "version": "2.2.3",
+      "dev": true
     },
     "pify": {
       "version": "4.0.1",
@@ -9525,13 +8803,6 @@
         "source-map-js": "^1.0.2"
       }
     },
-    "postcss-selector-parser": {
-      "version": "6.0.10",
-      "requires": {
-        "cssesc": "^3.0.0",
-        "util-deprecate": "^1.0.2"
-      }
-    },
     "prelude-ls": {
       "version": "1.2.1",
       "dev": true
@@ -9540,9 +8811,6 @@
       "version": "2.0.0",
       "dev": true
     },
-    "prettier": {
-      "version": "2.6.2"
-    },
     "process-nextick-args": {
       "version": "2.0.1",
       "dev": true
@@ -9565,9 +8833,6 @@
         "debug": "^4.1.1"
       }
     },
-    "pseudomap": {
-      "version": "1.0.2"
-    },
     "pump": {
       "version": "3.0.0",
       "dev": true,
@@ -9584,9 +8849,6 @@
       "version": "6.9.3",
       "dev": true
     },
-    "querystring": {
-      "version": "0.2.1"
-    },
     "queue-microtask": {
       "version": "1.2.3",
       "dev": true
@@ -9733,12 +8995,6 @@
         "sprintf-js": "^1.1.2"
       }
     },
-    "rollup": {
-      "version": "2.77.0",
-      "requires": {
-        "fsevents": "~2.3.2"
-      }
-    },
     "run-parallel": {
       "version": "1.2.0",
       "dev": true,
@@ -9971,9 +9227,6 @@
       "integrity": "sha512-Aw21SsyoohyVn4yiKXWPNCSW2DQNH/76kvUnE9kpt4h9hcg9tfyQc6xshx9hzgMfGF0kVx0EGD8oBMWSnATeOg==",
       "requires": {}
     },
-    "svg-tags": {
-      "version": "1.0.0"
-    },
     "text-table": {
       "version": "0.2.0",
       "dev": true
@@ -10062,7 +9315,8 @@
       }
     },
     "util-deprecate": {
-      "version": "1.0.2"
+      "version": "1.0.2",
+      "dev": true
     },
     "util-extend": {
       "version": "1.0.3",
@@ -10269,100 +9523,32 @@
         "solid-refresh": "^0.4.1"
       }
     },
-    "vite-plugin-vue2": {
-      "version": "2.0.2",
-      "resolved": "https://registry.npmjs.org/vite-plugin-vue2/-/vite-plugin-vue2-2.0.2.tgz",
-      "integrity": "sha512-Oo1iwc5Zo376s3MYXqS7j+KXs26EjiyWV8/dmI23SoorO3zaAgnBefR45Zme+QtM407tJ2MVq0mqfI10qA5+LQ==",
+    "vue": {
+      "version": "2.7.13",
+      "resolved": "https://registry.npmjs.org/vue/-/vue-2.7.13.tgz",
+      "integrity": "sha512-QnM6ULTNnPmn71eUO+4hdjfBIA3H0GLsBnchnI/kS678tjI45GOUZhXd0oP/gX9isikXz1PAzSnkPspp9EUNfQ==",
       "requires": {
-        "@babel/core": "^7.17.9",
-        "@babel/parser": "^7.17.9",
-        "@babel/plugin-proposal-class-properties": "^7.16.7",
-        "@babel/plugin-proposal-decorators": "^7.17.9",
-        "@babel/plugin-proposal-nullish-coalescing-operator": "^7.16.7",
-        "@babel/plugin-proposal-object-rest-spread": "^7.17.3",
-        "@babel/plugin-proposal-optional-chaining": "^7.16.7",
-        "@babel/plugin-transform-arrow-functions": "^7.16.7",
-        "@babel/plugin-transform-block-scoping": "^7.16.7",
-        "@babel/plugin-transform-computed-properties": "^7.16.7",
-        "@babel/plugin-transform-destructuring": "^7.17.7",
-        "@babel/plugin-transform-parameters": "^7.16.7",
-        "@babel/plugin-transform-spread": "^7.16.7",
-        "@babel/plugin-transform-typescript": "^7.16.8",
-        "@rollup/pluginutils": "^4.2.1",
-        "@vue/babel-helper-vue-jsx-merge-props": "^1.2.1",
-        "@vue/babel-preset-jsx": "^1.2.4",
-        "@vue/component-compiler-utils": "^3.3.0",
-        "consolidate": "^0.16.0",
-        "debug": "^4.3.4",
-        "fs-extra": "^10.1.0",
-        "hash-sum": "^2.0.0",
-        "magic-string": "^0.26.1",
-        "prettier": "^2.6.2",
-        "querystring": "^0.2.1",
-        "rollup": "^2.70.2",
-        "slash": "^3.0.0",
-        "source-map": "^0.7.3",
-        "vue-template-babel-compiler": "^1.2.0"
+        "@vue/compiler-sfc": "2.7.13",
+        "csstype": "^3.1.0"
       },
       "dependencies": {
-        "fs-extra": {
-          "version": "10.1.0",
+        "@vue/compiler-sfc": {
+          "version": "2.7.13",
+          "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-2.7.13.tgz",
+          "integrity": "sha512-zzu2rLRZlgIU+OT3Atbr7Y6PG+LW4wVQpPfNRrGDH3dM9PsrcVfa+1pKb8bW467bGM3aDOvAnsYLWVpYIv3GRg==",
           "requires": {
-            "graceful-fs": "^4.2.0",
-            "jsonfile": "^6.0.1",
-            "universalify": "^2.0.0"
+            "@babel/parser": "^7.18.4",
+            "postcss": "^8.4.14",
+            "source-map": "^0.6.1"
           }
         },
-        "jsonfile": {
-          "version": "6.1.0",
-          "requires": {
-            "graceful-fs": "^4.1.6",
-            "universalify": "^2.0.0"
-          }
-        },
-        "slash": {
-          "version": "3.0.0"
-        },
         "source-map": {
-          "version": "0.7.3"
-        },
-        "universalify": {
-          "version": "2.0.0"
+          "version": "0.6.1",
+          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+          "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g=="
         }
       }
     },
-    "vue": {
-      "version": "2.6.14",
-      "dev": true
-    },
-    "vue-template-babel-compiler": {
-      "version": "1.2.0",
-      "requires": {
-        "@babel/core": "^7.14.3",
-        "@babel/plugin-proposal-nullish-coalescing-operator": "^7.14.5",
-        "@babel/plugin-proposal-object-rest-spread": "^7.15.6",
-        "@babel/plugin-proposal-optional-chaining": "^7.14.2",
-        "@babel/plugin-transform-arrow-functions": "^7.14.5",
-        "@babel/plugin-transform-block-scoping": "^7.14.5",
-        "@babel/plugin-transform-computed-properties": "^7.14.5",
-        "@babel/plugin-transform-destructuring": "^7.14.5",
-        "@babel/plugin-transform-parameters": "^7.14.5",
-        "@babel/plugin-transform-spread": "^7.14.5",
-        "@babel/types": "^7.14.5",
-        "deepmerge": "^4.2.2"
-      }
-    },
-    "vue-template-compiler": {
-      "version": "2.6.14",
-      "peer": true,
-      "requires": {
-        "de-indent": "^1.0.2",
-        "he": "^1.1.0"
-      }
-    },
-    "vue-template-es2015-compiler": {
-      "version": "1.9.1"
-    },
     "which": {
       "version": "2.0.2",
       "dev": true,
diff --git a/packages/playwright-ct-vue2/index.js b/packages/playwright-ct-vue2/index.js
index 4b89d97d76..9b89433724 100644
--- a/packages/playwright-ct-vue2/index.js
+++ b/packages/playwright-ct-vue2/index.js
@@ -23,7 +23,7 @@ _addRunnerPlugin(() => {
   const { createPlugin } = require('@playwright/test/lib/plugins/vitePlugin');
   return createPlugin(
     path.join(__dirname, 'registerSource.mjs'),
-    () => require('vite-plugin-vue2').createVuePlugin());
+    () => require('@vitejs/plugin-vue2')());
 });
 
 const test = baseTest.extend(fixtures);
diff --git a/packages/playwright-ct-vue2/package.json b/packages/playwright-ct-vue2/package.json
index bb6ab3d58b..9e50739ea2 100644
--- a/packages/playwright-ct-vue2/package.json
+++ b/packages/playwright-ct-vue2/package.json
@@ -27,10 +27,10 @@
   },
   "dependencies": {
     "@playwright/test": "1.28.0-next",
-    "vite": "^3.2.1",
-    "vite-plugin-vue2": "^2.0.2"
+    "@vitejs/plugin-vue2": "^2.0.0",
+    "vite": "^3.2.1"
   },
   "devDependencies": {
-    "vue": "^2.6.14"
+    "vue": "^2.7.13"
   }
 }
diff --git a/tests/components/ct-vue2-cli/package.json b/tests/components/ct-vue2-cli/package.json
index 17c4f707df..8cca9b95fc 100644
--- a/tests/components/ct-vue2-cli/package.json
+++ b/tests/components/ct-vue2-cli/package.json
@@ -10,7 +10,7 @@
   },
   "dependencies": {
     "core-js": "^3.8.3",
-    "vue": "^2.6.14"
+    "vue": "^2.7.13"
   },
   "devDependencies": {
     "@babel/core": "^7.12.16",
@@ -20,8 +20,7 @@
     "@vue/cli-service": "~5.0.0",
     "@vue/tsconfig": "^0.1.3",
     "eslint": "^7.32.0",
-    "eslint-plugin-vue": "^8.0.3",
-    "vue-template-compiler": "^2.6.14"
+    "eslint-plugin-vue": "^8.0.3"
   },
   "@standaloneDevDependencies": {
     "@playwright/experimental-ct-vue2": "^1.22.2",
diff --git a/tsconfig.json b/tsconfig.json
index 4799c3cc89..ae042f4da4 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -34,6 +34,7 @@
     "packages/playwright-ct-solid",
     "packages/playwright-ct-svelte",
     "packages/playwright-ct-vue",
+    "packages/playwright-ct-vue2",
     "packages/recorder",
     "packages/trace-viewer",
     "packages/web",