From 4114cc444f9cf7752ac208d9cea330ee9bf2a001 Mon Sep 17 00:00:00 2001
From: Haoqun Jiang <haoqunjiang@gmail.com>
Date: Tue, 27 Jul 2021 13:06:24 +0800
Subject: [PATCH] workflow: generate a snapshot of each template before each
 release

---
 index.js                                      |   6 +-
 package.json                                  |   3 +-
 playground/default-ts-with-tests/.gitignore   |  27 +++++++++
 .../README.md}                                |   0
 playground/default-ts-with-tests/cypress.json |   7 +++
 .../cypress/fixtures/example.json             |   5 ++
 .../cypress/integration/example.spec.ts       |   8 +++
 .../cypress/plugins/index.ts                  |  28 +++++++++
 .../cypress/support/commands.ts               |  25 ++++++++
 .../cypress/support/index.ts                  |  20 ++++++
 .../cypress/tsconfig.json                     |   8 +++
 playground/default-ts-with-tests/index.html   |  13 ++++
 playground/default-ts-with-tests/package.json |  30 +++++++++
 .../default-ts-with-tests/public/favicon.ico  | Bin 0 -> 4286 bytes
 playground/default-ts-with-tests/src/App.vue  |  19 ++++++
 .../default-ts-with-tests/src/assets/logo.png | Bin 0 -> 6849 bytes
 .../src/components/HelloWorld.vue             |  54 +++++++++++++++++
 .../components/__tests__/HelloWorld.spec.ts   |  22 +++++++
 playground/default-ts-with-tests/src/main.ts  |   4 ++
 .../default-ts-with-tests/src/shims-vue.d.ts  |   6 ++
 .../default-ts-with-tests/src/vite-env.d.ts   |   1 +
 .../default-ts-with-tests/tsconfig.json       |  30 +++++++++
 .../default-ts-with-tests/vite.config.ts      |  13 ++++
 playground/default-ts/.gitignore              |  27 +++++++++
 playground/default-ts/README.md               |   0
 playground/default-ts/index.html              |  13 ++++
 playground/default-ts/package.json            |  22 +++++++
 playground/default-ts/public/favicon.ico      | Bin 0 -> 4286 bytes
 playground/default-ts/src/App.vue             |  19 ++++++
 playground/default-ts/src/assets/logo.png     | Bin 0 -> 6849 bytes
 .../default-ts/src/components/HelloWorld.vue  |  54 +++++++++++++++++
 playground/default-ts/src/main.ts             |   4 ++
 playground/default-ts/src/shims-vue.d.ts      |   6 ++
 playground/default-ts/src/vite-env.d.ts       |   1 +
 playground/default-ts/tsconfig.json           |  30 +++++++++
 playground/default-ts/vite.config.ts          |  13 ++++
 playground/default-with-tests/.gitignore      |  27 +++++++++
 playground/default-with-tests/README.md       |   0
 playground/default-with-tests/cypress.json    |   7 +++
 .../cypress/fixtures/example.json             |   5 ++
 .../cypress/integration/example.spec.js       |   8 +++
 .../default-with-tests/cypress/jsconfig.json  |   8 +++
 .../cypress/plugins/index.js                  |  28 +++++++++
 .../cypress/support/commands.js               |  25 ++++++++
 .../cypress/support/index.js                  |  20 ++++++
 playground/default-with-tests/index.html      |  13 ++++
 playground/default-with-tests/jsconfig.json   |  30 +++++++++
 playground/default-with-tests/package.json    |  27 +++++++++
 .../default-with-tests/public/favicon.ico     | Bin 0 -> 4286 bytes
 playground/default-with-tests/src/App.vue     |  22 +++++++
 .../default-with-tests/src/assets/logo.png    | Bin 0 -> 6849 bytes
 .../src/components/HelloWorld.vue             |  38 ++++++++++++
 .../components/__tests__/HelloWorld.spec.js   |  22 +++++++
 playground/default-with-tests/src/main.js     |   4 ++
 .../default-with-tests/src/shims-vue.d.ts     |   6 ++
 .../default-with-tests/src/vite-env.d.ts      |   1 +
 playground/default-with-tests/vite.config.js  |  13 ++++
 playground/default/.gitignore                 |  27 +++++++++
 playground/default/README.md                  |   0
 playground/default/index.html                 |  13 ++++
 playground/default/jsconfig.json              |  30 +++++++++
 playground/default/package.json               |  19 ++++++
 playground/default/public/favicon.ico         | Bin 0 -> 4286 bytes
 playground/default/src/App.vue                |  22 +++++++
 playground/default/src/assets/logo.png        | Bin 0 -> 6849 bytes
 .../default/src/components/HelloWorld.vue     |  38 ++++++++++++
 playground/default/src/main.js                |   4 ++
 playground/default/src/shims-vue.d.ts         |   6 ++
 playground/default/src/vite-env.d.ts          |   1 +
 playground/default/vite.config.js             |  13 ++++
 playground/spa-ts-with-tests/.gitignore       |  27 +++++++++
 playground/spa-ts-with-tests/README.md        |   0
 playground/spa-ts-with-tests/cypress.json     |   7 +++
 .../cypress/fixtures/example.json             |   5 ++
 .../cypress/integration/example.spec.ts       |  13 ++++
 .../cypress/plugins/index.ts                  |  28 +++++++++
 .../cypress/support/commands.ts               |  25 ++++++++
 .../cypress/support/index.ts                  |  20 ++++++
 .../spa-ts-with-tests/cypress/tsconfig.json   |   8 +++
 playground/spa-ts-with-tests/index.html       |  13 ++++
 playground/spa-ts-with-tests/package.json     |  32 ++++++++++
 .../spa-ts-with-tests/public/favicon.ico      | Bin 0 -> 4286 bytes
 playground/spa-ts-with-tests/src/App.vue      |  30 +++++++++
 .../spa-ts-with-tests/src/assets/logo.png     | Bin 0 -> 6849 bytes
 .../src/components/HelloWorld.vue             |  54 +++++++++++++++++
 .../components/__tests__/HelloWorld.spec.ts   |  22 +++++++
 playground/spa-ts-with-tests/src/main.ts      |  12 ++++
 .../spa-ts-with-tests/src/router/index.ts     |  27 +++++++++
 .../spa-ts-with-tests/src/shims-vue.d.ts      |   6 ++
 .../spa-ts-with-tests/src/store/index.ts      |  12 ++++
 .../spa-ts-with-tests/src/views/About.vue     |   5 ++
 .../spa-ts-with-tests/src/views/Home.vue      |  19 ++++++
 .../spa-ts-with-tests/src/vite-env.d.ts       |   1 +
 playground/spa-ts-with-tests/tsconfig.json    |  30 +++++++++
 playground/spa-ts-with-tests/vite.config.ts   |  13 ++++
 playground/spa-ts/.gitignore                  |  27 +++++++++
 playground/spa-ts/README.md                   |   0
 playground/spa-ts/index.html                  |  13 ++++
 playground/spa-ts/package.json                |  24 ++++++++
 playground/spa-ts/public/favicon.ico          | Bin 0 -> 4286 bytes
 playground/spa-ts/src/App.vue                 |  30 +++++++++
 playground/spa-ts/src/assets/logo.png         | Bin 0 -> 6849 bytes
 .../spa-ts/src/components/HelloWorld.vue      |  54 +++++++++++++++++
 playground/spa-ts/src/main.ts                 |  12 ++++
 playground/spa-ts/src/router/index.ts         |  27 +++++++++
 playground/spa-ts/src/shims-vue.d.ts          |   6 ++
 playground/spa-ts/src/store/index.ts          |  12 ++++
 playground/spa-ts/src/views/About.vue         |   5 ++
 playground/spa-ts/src/views/Home.vue          |  19 ++++++
 playground/spa-ts/src/vite-env.d.ts           |   1 +
 playground/spa-ts/tsconfig.json               |  30 +++++++++
 playground/spa-ts/vite.config.ts              |  13 ++++
 playground/spa-with-tests/.gitignore          |  27 +++++++++
 playground/spa-with-tests/README.md           |   0
 playground/spa-with-tests/cypress.json        |   7 +++
 .../cypress/fixtures/example.json             |   5 ++
 .../cypress/integration/example.spec.js       |  13 ++++
 .../spa-with-tests/cypress/jsconfig.json      |   8 +++
 .../spa-with-tests/cypress/plugins/index.js   |  28 +++++++++
 .../cypress/support/commands.js               |  25 ++++++++
 .../spa-with-tests/cypress/support/index.js   |  20 ++++++
 playground/spa-with-tests/index.html          |  13 ++++
 playground/spa-with-tests/jsconfig.json       |  30 +++++++++
 playground/spa-with-tests/package.json        |  29 +++++++++
 playground/spa-with-tests/public/favicon.ico  | Bin 0 -> 4286 bytes
 playground/spa-with-tests/src/App.vue         |  30 +++++++++
 playground/spa-with-tests/src/assets/logo.png | Bin 0 -> 6849 bytes
 .../src/components/HelloWorld.vue             |  57 ++++++++++++++++++
 .../components/__tests__/HelloWorld.spec.js   |  22 +++++++
 playground/spa-with-tests/src/main.js         |  12 ++++
 playground/spa-with-tests/src/router/index.js |  25 ++++++++
 playground/spa-with-tests/src/shims-vue.d.ts  |   6 ++
 playground/spa-with-tests/src/store/index.js  |  12 ++++
 playground/spa-with-tests/src/views/About.vue |   5 ++
 playground/spa-with-tests/src/views/Home.vue  |  19 ++++++
 playground/spa-with-tests/src/vite-env.d.ts   |   1 +
 playground/spa-with-tests/vite.config.js      |  13 ++++
 playground/spa/.gitignore                     |  27 +++++++++
 playground/spa/README.md                      |   0
 playground/spa/index.html                     |  13 ++++
 playground/spa/jsconfig.json                  |  30 +++++++++
 playground/spa/package.json                   |  21 +++++++
 playground/spa/public/favicon.ico             | Bin 0 -> 4286 bytes
 playground/spa/src/App.vue                    |  30 +++++++++
 playground/spa/src/assets/logo.png            | Bin 0 -> 6849 bytes
 playground/spa/src/components/HelloWorld.vue  |  57 ++++++++++++++++++
 playground/spa/src/main.js                    |  12 ++++
 playground/spa/src/router/index.js            |  25 ++++++++
 playground/spa/src/shims-vue.d.ts             |   6 ++
 playground/spa/src/store/index.js             |  12 ++++
 playground/spa/src/views/About.vue            |   5 ++
 playground/spa/src/views/Home.vue             |  19 ++++++
 playground/spa/src/vite-env.d.ts              |   1 +
 playground/spa/vite.config.js                 |  13 ++++
 snapshot.js                                   |  13 ++++
 utils/templateList.js                         |   5 ++
 156 files changed, 2368 insertions(+), 5 deletions(-)
 create mode 100644 playground/default-ts-with-tests/.gitignore
 rename playground/{.gitkeep => default-ts-with-tests/README.md} (100%)
 create mode 100644 playground/default-ts-with-tests/cypress.json
 create mode 100644 playground/default-ts-with-tests/cypress/fixtures/example.json
 create mode 100644 playground/default-ts-with-tests/cypress/integration/example.spec.ts
 create mode 100644 playground/default-ts-with-tests/cypress/plugins/index.ts
 create mode 100644 playground/default-ts-with-tests/cypress/support/commands.ts
 create mode 100644 playground/default-ts-with-tests/cypress/support/index.ts
 create mode 100644 playground/default-ts-with-tests/cypress/tsconfig.json
 create mode 100644 playground/default-ts-with-tests/index.html
 create mode 100644 playground/default-ts-with-tests/package.json
 create mode 100644 playground/default-ts-with-tests/public/favicon.ico
 create mode 100644 playground/default-ts-with-tests/src/App.vue
 create mode 100644 playground/default-ts-with-tests/src/assets/logo.png
 create mode 100644 playground/default-ts-with-tests/src/components/HelloWorld.vue
 create mode 100644 playground/default-ts-with-tests/src/components/__tests__/HelloWorld.spec.ts
 create mode 100644 playground/default-ts-with-tests/src/main.ts
 create mode 100644 playground/default-ts-with-tests/src/shims-vue.d.ts
 create mode 100644 playground/default-ts-with-tests/src/vite-env.d.ts
 create mode 100644 playground/default-ts-with-tests/tsconfig.json
 create mode 100644 playground/default-ts-with-tests/vite.config.ts
 create mode 100644 playground/default-ts/.gitignore
 create mode 100644 playground/default-ts/README.md
 create mode 100644 playground/default-ts/index.html
 create mode 100644 playground/default-ts/package.json
 create mode 100644 playground/default-ts/public/favicon.ico
 create mode 100644 playground/default-ts/src/App.vue
 create mode 100644 playground/default-ts/src/assets/logo.png
 create mode 100644 playground/default-ts/src/components/HelloWorld.vue
 create mode 100644 playground/default-ts/src/main.ts
 create mode 100644 playground/default-ts/src/shims-vue.d.ts
 create mode 100644 playground/default-ts/src/vite-env.d.ts
 create mode 100644 playground/default-ts/tsconfig.json
 create mode 100644 playground/default-ts/vite.config.ts
 create mode 100644 playground/default-with-tests/.gitignore
 create mode 100644 playground/default-with-tests/README.md
 create mode 100644 playground/default-with-tests/cypress.json
 create mode 100644 playground/default-with-tests/cypress/fixtures/example.json
 create mode 100644 playground/default-with-tests/cypress/integration/example.spec.js
 create mode 100644 playground/default-with-tests/cypress/jsconfig.json
 create mode 100644 playground/default-with-tests/cypress/plugins/index.js
 create mode 100644 playground/default-with-tests/cypress/support/commands.js
 create mode 100644 playground/default-with-tests/cypress/support/index.js
 create mode 100644 playground/default-with-tests/index.html
 create mode 100644 playground/default-with-tests/jsconfig.json
 create mode 100644 playground/default-with-tests/package.json
 create mode 100644 playground/default-with-tests/public/favicon.ico
 create mode 100644 playground/default-with-tests/src/App.vue
 create mode 100644 playground/default-with-tests/src/assets/logo.png
 create mode 100644 playground/default-with-tests/src/components/HelloWorld.vue
 create mode 100644 playground/default-with-tests/src/components/__tests__/HelloWorld.spec.js
 create mode 100644 playground/default-with-tests/src/main.js
 create mode 100644 playground/default-with-tests/src/shims-vue.d.ts
 create mode 100644 playground/default-with-tests/src/vite-env.d.ts
 create mode 100644 playground/default-with-tests/vite.config.js
 create mode 100644 playground/default/.gitignore
 create mode 100644 playground/default/README.md
 create mode 100644 playground/default/index.html
 create mode 100644 playground/default/jsconfig.json
 create mode 100644 playground/default/package.json
 create mode 100644 playground/default/public/favicon.ico
 create mode 100644 playground/default/src/App.vue
 create mode 100644 playground/default/src/assets/logo.png
 create mode 100644 playground/default/src/components/HelloWorld.vue
 create mode 100644 playground/default/src/main.js
 create mode 100644 playground/default/src/shims-vue.d.ts
 create mode 100644 playground/default/src/vite-env.d.ts
 create mode 100644 playground/default/vite.config.js
 create mode 100644 playground/spa-ts-with-tests/.gitignore
 create mode 100644 playground/spa-ts-with-tests/README.md
 create mode 100644 playground/spa-ts-with-tests/cypress.json
 create mode 100644 playground/spa-ts-with-tests/cypress/fixtures/example.json
 create mode 100644 playground/spa-ts-with-tests/cypress/integration/example.spec.ts
 create mode 100644 playground/spa-ts-with-tests/cypress/plugins/index.ts
 create mode 100644 playground/spa-ts-with-tests/cypress/support/commands.ts
 create mode 100644 playground/spa-ts-with-tests/cypress/support/index.ts
 create mode 100644 playground/spa-ts-with-tests/cypress/tsconfig.json
 create mode 100644 playground/spa-ts-with-tests/index.html
 create mode 100644 playground/spa-ts-with-tests/package.json
 create mode 100644 playground/spa-ts-with-tests/public/favicon.ico
 create mode 100644 playground/spa-ts-with-tests/src/App.vue
 create mode 100644 playground/spa-ts-with-tests/src/assets/logo.png
 create mode 100644 playground/spa-ts-with-tests/src/components/HelloWorld.vue
 create mode 100644 playground/spa-ts-with-tests/src/components/__tests__/HelloWorld.spec.ts
 create mode 100644 playground/spa-ts-with-tests/src/main.ts
 create mode 100644 playground/spa-ts-with-tests/src/router/index.ts
 create mode 100644 playground/spa-ts-with-tests/src/shims-vue.d.ts
 create mode 100644 playground/spa-ts-with-tests/src/store/index.ts
 create mode 100644 playground/spa-ts-with-tests/src/views/About.vue
 create mode 100644 playground/spa-ts-with-tests/src/views/Home.vue
 create mode 100644 playground/spa-ts-with-tests/src/vite-env.d.ts
 create mode 100644 playground/spa-ts-with-tests/tsconfig.json
 create mode 100644 playground/spa-ts-with-tests/vite.config.ts
 create mode 100644 playground/spa-ts/.gitignore
 create mode 100644 playground/spa-ts/README.md
 create mode 100644 playground/spa-ts/index.html
 create mode 100644 playground/spa-ts/package.json
 create mode 100644 playground/spa-ts/public/favicon.ico
 create mode 100644 playground/spa-ts/src/App.vue
 create mode 100644 playground/spa-ts/src/assets/logo.png
 create mode 100644 playground/spa-ts/src/components/HelloWorld.vue
 create mode 100644 playground/spa-ts/src/main.ts
 create mode 100644 playground/spa-ts/src/router/index.ts
 create mode 100644 playground/spa-ts/src/shims-vue.d.ts
 create mode 100644 playground/spa-ts/src/store/index.ts
 create mode 100644 playground/spa-ts/src/views/About.vue
 create mode 100644 playground/spa-ts/src/views/Home.vue
 create mode 100644 playground/spa-ts/src/vite-env.d.ts
 create mode 100644 playground/spa-ts/tsconfig.json
 create mode 100644 playground/spa-ts/vite.config.ts
 create mode 100644 playground/spa-with-tests/.gitignore
 create mode 100644 playground/spa-with-tests/README.md
 create mode 100644 playground/spa-with-tests/cypress.json
 create mode 100644 playground/spa-with-tests/cypress/fixtures/example.json
 create mode 100644 playground/spa-with-tests/cypress/integration/example.spec.js
 create mode 100644 playground/spa-with-tests/cypress/jsconfig.json
 create mode 100644 playground/spa-with-tests/cypress/plugins/index.js
 create mode 100644 playground/spa-with-tests/cypress/support/commands.js
 create mode 100644 playground/spa-with-tests/cypress/support/index.js
 create mode 100644 playground/spa-with-tests/index.html
 create mode 100644 playground/spa-with-tests/jsconfig.json
 create mode 100644 playground/spa-with-tests/package.json
 create mode 100644 playground/spa-with-tests/public/favicon.ico
 create mode 100644 playground/spa-with-tests/src/App.vue
 create mode 100644 playground/spa-with-tests/src/assets/logo.png
 create mode 100644 playground/spa-with-tests/src/components/HelloWorld.vue
 create mode 100644 playground/spa-with-tests/src/components/__tests__/HelloWorld.spec.js
 create mode 100644 playground/spa-with-tests/src/main.js
 create mode 100644 playground/spa-with-tests/src/router/index.js
 create mode 100644 playground/spa-with-tests/src/shims-vue.d.ts
 create mode 100644 playground/spa-with-tests/src/store/index.js
 create mode 100644 playground/spa-with-tests/src/views/About.vue
 create mode 100644 playground/spa-with-tests/src/views/Home.vue
 create mode 100644 playground/spa-with-tests/src/vite-env.d.ts
 create mode 100644 playground/spa-with-tests/vite.config.js
 create mode 100644 playground/spa/.gitignore
 create mode 100644 playground/spa/README.md
 create mode 100644 playground/spa/index.html
 create mode 100644 playground/spa/jsconfig.json
 create mode 100644 playground/spa/package.json
 create mode 100644 playground/spa/public/favicon.ico
 create mode 100644 playground/spa/src/App.vue
 create mode 100644 playground/spa/src/assets/logo.png
 create mode 100644 playground/spa/src/components/HelloWorld.vue
 create mode 100644 playground/spa/src/main.js
 create mode 100644 playground/spa/src/router/index.js
 create mode 100644 playground/spa/src/shims-vue.d.ts
 create mode 100644 playground/spa/src/store/index.js
 create mode 100644 playground/spa/src/views/About.vue
 create mode 100644 playground/spa/src/views/Home.vue
 create mode 100644 playground/spa/src/vite-env.d.ts
 create mode 100644 playground/spa/vite.config.js
 create mode 100644 snapshot.js
 create mode 100644 utils/templateList.js

diff --git a/index.js b/index.js
index 7ec584bc..c762c60b 100755
--- a/index.js
+++ b/index.js
@@ -8,6 +8,7 @@ import minimist from 'minimist'
 import prompts from 'prompts'
 import { red, green, bold } from 'kolorist'
 
+import templateList from './utils/templateList.js'
 import renderTemplate from './utils/renderTemplate.js'
 import {
   postOrderDirectoryTraverse,
@@ -48,11 +49,8 @@ async function init() {
   let targetDir = argv._[0]
   const defaultProjectName = !targetDir ? 'vue-project' : targetDir
 
-  const TEMPLATE_LIST = ['default', 'spa']
-    .flatMap(x => [x, x + '-ts'])
-    .flatMap(x => [x, x + '-with-tests'])
   let template = argv.template || argv.t
-  const isValidTemplate = TEMPLATE_LIST.includes(template)
+  const isValidTemplate = templateList.includes(template)
 
   let result = {}
 
diff --git a/package.json b/package.json
index c4c60000..17567eb9 100644
--- a/package.json
+++ b/package.json
@@ -16,7 +16,8 @@
     "node": "^12.13.0 || ^14.0.0 || >= 16.0.0"
   },
   "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1"
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "prepublishOnly": "node snapshot.js"
   },
   "repository": {
     "type": "git",
diff --git a/playground/default-ts-with-tests/.gitignore b/playground/default-ts-with-tests/.gitignore
new file mode 100644
index 00000000..133da84e
--- /dev/null
+++ b/playground/default-ts-with-tests/.gitignore
@@ -0,0 +1,27 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+.DS_Store
+dist
+dist-ssr
+*.local
+
+/cypress/videos/
+/cypress/screenshots/
+
+# Editor directories and files
+.vscode
+!.vscode/extensions.json
+.idea
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
diff --git a/playground/.gitkeep b/playground/default-ts-with-tests/README.md
similarity index 100%
rename from playground/.gitkeep
rename to playground/default-ts-with-tests/README.md
diff --git a/playground/default-ts-with-tests/cypress.json b/playground/default-ts-with-tests/cypress.json
new file mode 100644
index 00000000..3d372252
--- /dev/null
+++ b/playground/default-ts-with-tests/cypress.json
@@ -0,0 +1,7 @@
+{
+  "baseUrl": "http://localhost:5050",
+  "component": {
+    "componentFolder": "src",
+    "testFiles": "**/__tests__/*.spec.{js,ts,jsx,tsx}"
+  }
+}
diff --git a/playground/default-ts-with-tests/cypress/fixtures/example.json b/playground/default-ts-with-tests/cypress/fixtures/example.json
new file mode 100644
index 00000000..02e42543
--- /dev/null
+++ b/playground/default-ts-with-tests/cypress/fixtures/example.json
@@ -0,0 +1,5 @@
+{
+  "name": "Using fixtures to represent data",
+  "email": "hello@cypress.io",
+  "body": "Fixtures are a great way to mock data for responses to routes"
+}
diff --git a/playground/default-ts-with-tests/cypress/integration/example.spec.ts b/playground/default-ts-with-tests/cypress/integration/example.spec.ts
new file mode 100644
index 00000000..bbe8f52d
--- /dev/null
+++ b/playground/default-ts-with-tests/cypress/integration/example.spec.ts
@@ -0,0 +1,8 @@
+// https://docs.cypress.io/api/introduction/api.html
+
+describe('My First Test', () => {
+  it('visits the app root url', () => {
+    cy.visit('/')
+    cy.contains('h1', 'Hello Vue 3 + TypeScript + Vite')
+  })
+})
diff --git a/playground/default-ts-with-tests/cypress/plugins/index.ts b/playground/default-ts-with-tests/cypress/plugins/index.ts
new file mode 100644
index 00000000..ad2e351d
--- /dev/null
+++ b/playground/default-ts-with-tests/cypress/plugins/index.ts
@@ -0,0 +1,28 @@
+/// <reference types="cypress" />
+// ***********************************************************
+// This example plugins/index.js can be used to load plugins
+//
+// You can change the location of this file or turn off loading
+// the plugins file with the 'pluginsFile' configuration option.
+//
+// You can read more here:
+// https://on.cypress.io/plugins-guide
+// ***********************************************************
+
+// This function is called when a project is opened or re-opened (e.g. due to
+// the project's config changing)
+
+const { startDevServer } = require('@cypress/vite-dev-server')
+
+/**
+ * @type {Cypress.PluginConfig}
+ */
+// eslint-disable-next-line no-unused-vars
+module.exports = (on, config) => {
+  // `on` is used to hook into various events Cypress emits
+  // `config` is the resolved Cypress config
+  on('dev-server:start', (options) => {
+    return startDevServer({ options })
+  })
+  return config
+}
diff --git a/playground/default-ts-with-tests/cypress/support/commands.ts b/playground/default-ts-with-tests/cypress/support/commands.ts
new file mode 100644
index 00000000..119ab03f
--- /dev/null
+++ b/playground/default-ts-with-tests/cypress/support/commands.ts
@@ -0,0 +1,25 @@
+// ***********************************************
+// This example commands.js shows you how to
+// create various custom commands and overwrite
+// existing commands.
+//
+// For more comprehensive examples of custom
+// commands please read more here:
+// https://on.cypress.io/custom-commands
+// ***********************************************
+//
+//
+// -- This is a parent command --
+// Cypress.Commands.add('login', (email, password) => { ... })
+//
+//
+// -- This is a child command --
+// Cypress.Commands.add('drag', { prevSubject: 'element'}, (subject, options) => { ... })
+//
+//
+// -- This is a dual command --
+// Cypress.Commands.add('dismiss', { prevSubject: 'optional'}, (subject, options) => { ... })
+//
+//
+// -- This will overwrite an existing command --
+// Cypress.Commands.overwrite('visit', (originalFn, url, options) => { ... })
diff --git a/playground/default-ts-with-tests/cypress/support/index.ts b/playground/default-ts-with-tests/cypress/support/index.ts
new file mode 100644
index 00000000..d68db96d
--- /dev/null
+++ b/playground/default-ts-with-tests/cypress/support/index.ts
@@ -0,0 +1,20 @@
+// ***********************************************************
+// This example support/index.js is processed and
+// loaded automatically before your test files.
+//
+// This is a great place to put global configuration and
+// behavior that modifies Cypress.
+//
+// You can change the location of this file or turn off
+// automatically serving support files with the
+// 'supportFile' configuration option.
+//
+// You can read more here:
+// https://on.cypress.io/configuration
+// ***********************************************************
+
+// Import commands.js using ES2015 syntax:
+import './commands'
+
+// Alternatively you can use CommonJS syntax:
+// require('./commands')
diff --git a/playground/default-ts-with-tests/cypress/tsconfig.json b/playground/default-ts-with-tests/cypress/tsconfig.json
new file mode 100644
index 00000000..b5b2f972
--- /dev/null
+++ b/playground/default-ts-with-tests/cypress/tsconfig.json
@@ -0,0 +1,8 @@
+{
+  "compilerOptions": {
+    "target": "es5",
+    "lib": ["es5", "dom"],
+    "types": ["cypress"]
+  },
+  "include": ["./**/*"]
+}
diff --git a/playground/default-ts-with-tests/index.html b/playground/default-ts-with-tests/index.html
new file mode 100644
index 00000000..11603f87
--- /dev/null
+++ b/playground/default-ts-with-tests/index.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" href="/favicon.ico" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Vite App</title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/src/main.ts"></script>
+  </body>
+</html>
diff --git a/playground/default-ts-with-tests/package.json b/playground/default-ts-with-tests/package.json
new file mode 100644
index 00000000..b1e12f16
--- /dev/null
+++ b/playground/default-ts-with-tests/package.json
@@ -0,0 +1,30 @@
+{
+  "name": "default-ts-with-tests",
+  "version": "0.0.0",
+  "scripts": {
+    "dev": "vite",
+    "build": "vue-tsc --noEmit && vite build",
+    "preserve": "vite build",
+    "serve": "vite preview --port 5050",
+    "test:unit": "cypress open-ct",
+    "test:unit:ci": "cypress run-ct --quiet --reporter spec",
+    "test:e2e": "start-server-and-test serve 5050 'cypress open'",
+    "test:e2e:ci": "start-server-and-test serve 5050 'cypress run'",
+    "typecheck": "vue-tsc --noEmit"
+  },
+  "dependencies": {
+    "vue": "^3.1.5"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-vue": "^1.2.5",
+    "@vitejs/plugin-vue-jsx": "^1.1.6",
+    "@vue/compiler-sfc": "^3.1.5",
+    "vite": "^2.4.3",
+    "@cypress/vite-dev-server": "^2.0.2",
+    "@cypress/vue": "^3.0.1",
+    "cypress": "^8.0.0",
+    "start-server-and-test": "^1.12.6",
+    "typescript": "~4.3.5",
+    "vue-tsc": "^0.2.2"
+  }
+}
\ No newline at end of file
diff --git a/playground/default-ts-with-tests/public/favicon.ico b/playground/default-ts-with-tests/public/favicon.ico
new file mode 100644
index 0000000000000000000000000000000000000000..df36fcfb72584e00488330b560ebcf34a41c64c2
GIT binary patch
literal 4286
zc-q~UO-NKx6vyu*Vj+`4)S?!;bXAL*8OO4jfgrOFtOP;wW2`J?iWIaDl9|3-1{t(4
zS0U0O3ZqC{nTsL8l}k73B3CX35*lQf+xfqDUcI^RK2sYf=ncQ&&bjBD|2^m4dGkgH
z54|cY1>VK$av}B!A*u*6iLfy3##Ju<o9od;B!_>beV8fe8d$HC7-vcgrEjafnfSpp
z7pe!Wv!9qDBs0UdLe+kc$lCO?Y}>XT*t8E43pQ<w1)kfMHE`ZyVpyYXG0Z;OReK$g
zT1P*{K6&i{=PM^B*3q_@VBdV#-bt)&K!1&W^U?#(Q%TG@v?dwn8s<1AAKD&bP^W!=
zG-TkihCz<~+r9^gWi|i94-wfN3mRao(O>4+E$sux?IOl>wcmbTE8EWa3@~=-!5HV*
zYV8+@RaHCjHY_`%)v~qDXMizmnl-F)j!pG|{r3{ny4ri69Fwi5d^y18(t~Nvwb|Nx
zh>WT|Fcy-Rn*wI-mOhPP!<=Rf8P2t#9<W~(G4H75Q$*hAugTT6tpRiJ(ez-Rb8bYt
zh#1oK{qD=-vc19Ys*gGNxa`9a=l)aQ!^Daj|KNRCc69}1%SnwkgE{!XSEIkexwZSi
zb}v6qIco2FO5eBB?%Edcfv-ys##zIy_7)<oYRBJ%<<*vev+wo3ZwAUfz!x!^HKbW1
zrw9D`05PlkO}Q06s;f0a_nw;oV|5-eF27H+tfkgIpgdEV_xM*K+0p1cb8Yp$FVP17
z9)Pjh1H>R!(}OH)*|iT5OOAW|$B2ye1a;^AJJsDlb^(kr+0->47CAIMSYl0Rmk=YW
z&*RS#dFMr~Y(MAMow3o5#=y?#dA|S{!>0Nn7CDehvxX7YZgM<R;U51kEU#Uu)}Fcc
zvwk1xiSEvz0miWD&LVOkmu4SQtc_>JuSC*<)|>2qR-2@}Ny=kqhHQP;qrn{=7X!b}
zFUGK84nFo6<UlUuv}>>?w0HA&@;8$aZ>+b*d+EdxFXhOA>MX{ds~2p>oZ^ohvEHDO
z)1gD!|N4Klw61Ji%1p>4U15?clX9`dWU9y{;gJ$yL{^A6$OsVvX(1|7LX?3;AxglM
T5Je#2NqB@O!Jnp#S;+nbsq**E

literal 0
Hc-jL100001

diff --git a/playground/default-ts-with-tests/src/App.vue b/playground/default-ts-with-tests/src/App.vue
new file mode 100644
index 00000000..f1611b6f
--- /dev/null
+++ b/playground/default-ts-with-tests/src/App.vue
@@ -0,0 +1,19 @@
+<template>
+  <img alt="Vue logo" src="./assets/logo.png" />
+  <HelloWorld msg="Hello Vue 3 + TypeScript + Vite" />
+</template>
+
+<script setup lang="ts">
+import HelloWorld from './components/HelloWorld.vue'
+</script>
+
+<style>
+#app {
+  font-family: Avenir, Helvetica, Arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  text-align: center;
+  color: #2c3e50;
+  margin-top: 60px;
+}
+</style>
diff --git a/playground/default-ts-with-tests/src/assets/logo.png b/playground/default-ts-with-tests/src/assets/logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..f3d2503fc2a44b5053b0837ebea6e87a2d339a43
GIT binary patch
literal 6849
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

literal 0
Hc-jL100001

diff --git a/playground/default-ts-with-tests/src/components/HelloWorld.vue b/playground/default-ts-with-tests/src/components/HelloWorld.vue
new file mode 100644
index 00000000..2dac5234
--- /dev/null
+++ b/playground/default-ts-with-tests/src/components/HelloWorld.vue
@@ -0,0 +1,54 @@
+<template>
+  <h1>{{ msg }}</h1>
+
+  <p>
+    Recommended IDE setup:
+    <a href="https://code.visualstudio.com/" target="_blank">VSCode</a>
+    +
+    <a href="https://github.com/johnsoncodehk/volar" target="_blank">Volar</a>
+  </p>
+
+  <p>See <code>README.md</code> for more information.</p>
+
+  <p>
+    <a href="https://vitejs.dev/guide/features.html" target="_blank">
+      Vite Docs
+    </a>
+    |
+    <a href="https://v3.vuejs.org/" target="_blank">Vue 3 Docs</a>
+  </p>
+
+  <button type="button" @click="count++">count is: {{ count }}</button>
+  <p>
+    Edit
+    <code>components/HelloWorld.vue</code> to test hot module replacement.
+  </p>
+</template>
+
+<script setup lang="ts">
+import { ref } from 'vue'
+
+defineProps<{
+  msg: String,
+}>()
+
+const count = ref(0)
+</script>
+
+<style scoped>
+a {
+  color: #42b983;
+}
+
+label {
+  margin: 0 0.5em;
+  font-weight: bold;
+}
+
+code {
+  background-color: #eee;
+  padding: 2px 4px;
+  border-radius: 4px;
+  color: #304455;
+}
+</style>
diff --git a/playground/default-ts-with-tests/src/components/__tests__/HelloWorld.spec.ts b/playground/default-ts-with-tests/src/components/__tests__/HelloWorld.spec.ts
new file mode 100644
index 00000000..087c9561
--- /dev/null
+++ b/playground/default-ts-with-tests/src/components/__tests__/HelloWorld.spec.ts
@@ -0,0 +1,22 @@
+import { mount } from '@cypress/vue'
+import HelloWorld from '../HelloWorld.vue'
+
+describe('HelloWorld', () => {
+  it('playground', () => {
+    mount(HelloWorld, { props: { msg: 'Hello Cypress' } })
+  })
+
+  it('renders properly', () => {
+    mount(HelloWorld, { props: { msg: 'Hello Cypress' } })
+    cy.get('h1').should('contain', 'Hello Cypress')
+  })
+
+  it('adds 1 when clicking the plus button', () => {
+    mount(HelloWorld, { props: { msg: 'Hello Cypress' } })
+    
+    cy.get('button')
+      .should('contain', '0')
+      .click()
+      .should('contain', '1')
+  })
+})
diff --git a/playground/default-ts-with-tests/src/main.ts b/playground/default-ts-with-tests/src/main.ts
new file mode 100644
index 00000000..01433bca
--- /dev/null
+++ b/playground/default-ts-with-tests/src/main.ts
@@ -0,0 +1,4 @@
+import { createApp } from 'vue'
+import App from './App.vue'
+
+createApp(App).mount('#app')
diff --git a/playground/default-ts-with-tests/src/shims-vue.d.ts b/playground/default-ts-with-tests/src/shims-vue.d.ts
new file mode 100644
index 00000000..ec4f1b2e
--- /dev/null
+++ b/playground/default-ts-with-tests/src/shims-vue.d.ts
@@ -0,0 +1,6 @@
+declare module '*.vue' {
+  import { DefineComponent } from 'vue'
+  // eslint-disable-next-line
+  const component: DefineComponent<{}, {}, any>
+  export default component
+}
diff --git a/playground/default-ts-with-tests/src/vite-env.d.ts b/playground/default-ts-with-tests/src/vite-env.d.ts
new file mode 100644
index 00000000..11f02fe2
--- /dev/null
+++ b/playground/default-ts-with-tests/src/vite-env.d.ts
@@ -0,0 +1 @@
+/// <reference types="vite/client" />
diff --git a/playground/default-ts-with-tests/tsconfig.json b/playground/default-ts-with-tests/tsconfig.json
new file mode 100644
index 00000000..d3adf1bf
--- /dev/null
+++ b/playground/default-ts-with-tests/tsconfig.json
@@ -0,0 +1,30 @@
+{
+  "compilerOptions": {
+    "baseUrl": "./",
+    "target": "esnext",
+    "useDefineForClassFields": true,
+    "module": "esnext",
+    "moduleResolution": "node",
+    "strict": true,
+    "jsx": "preserve",
+    "sourceMap": true,
+    "resolveJsonModule": true,
+    "esModuleInterop": true,
+    "paths": {
+      "@/*": [
+        "src/*"
+      ]
+    },
+    "lib": ["esnext", "dom", "dom.iterable", "scripthost"],
+    "skipLibCheck": true
+  },
+  "include": [
+    "vite.config.*",
+
+    "src/**/*",
+    "src/**/*.vue"
+  ],
+  "exclude": [
+    "src/**/__tests__/**"
+  ]
+}
diff --git a/playground/default-ts-with-tests/vite.config.ts b/playground/default-ts-with-tests/vite.config.ts
new file mode 100644
index 00000000..8ae6fd07
--- /dev/null
+++ b/playground/default-ts-with-tests/vite.config.ts
@@ -0,0 +1,13 @@
+import { defineConfig } from 'vite'
+import vue from '@vitejs/plugin-vue'
+import vueJsx from '@vitejs/plugin-vue-jsx'
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  plugins: [vue(), vueJsx()],
+  resolve: {
+    alias: {
+      '@/': new URL('./src/', import.meta.url).pathname,
+    },
+  }
+})
diff --git a/playground/default-ts/.gitignore b/playground/default-ts/.gitignore
new file mode 100644
index 00000000..133da84e
--- /dev/null
+++ b/playground/default-ts/.gitignore
@@ -0,0 +1,27 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+.DS_Store
+dist
+dist-ssr
+*.local
+
+/cypress/videos/
+/cypress/screenshots/
+
+# Editor directories and files
+.vscode
+!.vscode/extensions.json
+.idea
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
diff --git a/playground/default-ts/README.md b/playground/default-ts/README.md
new file mode 100644
index 00000000..e69de29b
diff --git a/playground/default-ts/index.html b/playground/default-ts/index.html
new file mode 100644
index 00000000..11603f87
--- /dev/null
+++ b/playground/default-ts/index.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" href="/favicon.ico" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Vite App</title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/src/main.ts"></script>
+  </body>
+</html>
diff --git a/playground/default-ts/package.json b/playground/default-ts/package.json
new file mode 100644
index 00000000..c12f476c
--- /dev/null
+++ b/playground/default-ts/package.json
@@ -0,0 +1,22 @@
+{
+  "name": "default-ts",
+  "version": "0.0.0",
+  "scripts": {
+    "dev": "vite",
+    "build": "vue-tsc --noEmit && vite build",
+    "preserve": "vite build",
+    "serve": "vite preview --port 5050",
+    "typecheck": "vue-tsc --noEmit"
+  },
+  "dependencies": {
+    "vue": "^3.1.5"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-vue": "^1.2.5",
+    "@vitejs/plugin-vue-jsx": "^1.1.6",
+    "@vue/compiler-sfc": "^3.1.5",
+    "vite": "^2.4.3",
+    "typescript": "~4.3.5",
+    "vue-tsc": "^0.2.2"
+  }
+}
\ No newline at end of file
diff --git a/playground/default-ts/public/favicon.ico b/playground/default-ts/public/favicon.ico
new file mode 100644
index 0000000000000000000000000000000000000000..df36fcfb72584e00488330b560ebcf34a41c64c2
GIT binary patch
literal 4286
zc-q~UO-NKx6vyu*Vj+`4)S?!;bXAL*8OO4jfgrOFtOP;wW2`J?iWIaDl9|3-1{t(4
zS0U0O3ZqC{nTsL8l}k73B3CX35*lQf+xfqDUcI^RK2sYf=ncQ&&bjBD|2^m4dGkgH
z54|cY1>VK$av}B!A*u*6iLfy3##Ju<o9od;B!_>beV8fe8d$HC7-vcgrEjafnfSpp
z7pe!Wv!9qDBs0UdLe+kc$lCO?Y}>XT*t8E43pQ<w1)kfMHE`ZyVpyYXG0Z;OReK$g
zT1P*{K6&i{=PM^B*3q_@VBdV#-bt)&K!1&W^U?#(Q%TG@v?dwn8s<1AAKD&bP^W!=
zG-TkihCz<~+r9^gWi|i94-wfN3mRao(O>4+E$sux?IOl>wcmbTE8EWa3@~=-!5HV*
zYV8+@RaHCjHY_`%)v~qDXMizmnl-F)j!pG|{r3{ny4ri69Fwi5d^y18(t~Nvwb|Nx
zh>WT|Fcy-Rn*wI-mOhPP!<=Rf8P2t#9<W~(G4H75Q$*hAugTT6tpRiJ(ez-Rb8bYt
zh#1oK{qD=-vc19Ys*gGNxa`9a=l)aQ!^Daj|KNRCc69}1%SnwkgE{!XSEIkexwZSi
zb}v6qIco2FO5eBB?%Edcfv-ys##zIy_7)<oYRBJ%<<*vev+wo3ZwAUfz!x!^HKbW1
zrw9D`05PlkO}Q06s;f0a_nw;oV|5-eF27H+tfkgIpgdEV_xM*K+0p1cb8Yp$FVP17
z9)Pjh1H>R!(}OH)*|iT5OOAW|$B2ye1a;^AJJsDlb^(kr+0->47CAIMSYl0Rmk=YW
z&*RS#dFMr~Y(MAMow3o5#=y?#dA|S{!>0Nn7CDehvxX7YZgM<R;U51kEU#Uu)}Fcc
zvwk1xiSEvz0miWD&LVOkmu4SQtc_>JuSC*<)|>2qR-2@}Ny=kqhHQP;qrn{=7X!b}
zFUGK84nFo6<UlUuv}>>?w0HA&@;8$aZ>+b*d+EdxFXhOA>MX{ds~2p>oZ^ohvEHDO
z)1gD!|N4Klw61Ji%1p>4U15?clX9`dWU9y{;gJ$yL{^A6$OsVvX(1|7LX?3;AxglM
T5Je#2NqB@O!Jnp#S;+nbsq**E

literal 0
Hc-jL100001

diff --git a/playground/default-ts/src/App.vue b/playground/default-ts/src/App.vue
new file mode 100644
index 00000000..f1611b6f
--- /dev/null
+++ b/playground/default-ts/src/App.vue
@@ -0,0 +1,19 @@
+<template>
+  <img alt="Vue logo" src="./assets/logo.png" />
+  <HelloWorld msg="Hello Vue 3 + TypeScript + Vite" />
+</template>
+
+<script setup lang="ts">
+import HelloWorld from './components/HelloWorld.vue'
+</script>
+
+<style>
+#app {
+  font-family: Avenir, Helvetica, Arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  text-align: center;
+  color: #2c3e50;
+  margin-top: 60px;
+}
+</style>
diff --git a/playground/default-ts/src/assets/logo.png b/playground/default-ts/src/assets/logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..f3d2503fc2a44b5053b0837ebea6e87a2d339a43
GIT binary patch
literal 6849
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

literal 0
Hc-jL100001

diff --git a/playground/default-ts/src/components/HelloWorld.vue b/playground/default-ts/src/components/HelloWorld.vue
new file mode 100644
index 00000000..2dac5234
--- /dev/null
+++ b/playground/default-ts/src/components/HelloWorld.vue
@@ -0,0 +1,54 @@
+<template>
+  <h1>{{ msg }}</h1>
+
+  <p>
+    Recommended IDE setup:
+    <a href="https://code.visualstudio.com/" target="_blank">VSCode</a>
+    +
+    <a href="https://github.com/johnsoncodehk/volar" target="_blank">Volar</a>
+  </p>
+
+  <p>See <code>README.md</code> for more information.</p>
+
+  <p>
+    <a href="https://vitejs.dev/guide/features.html" target="_blank">
+      Vite Docs
+    </a>
+    |
+    <a href="https://v3.vuejs.org/" target="_blank">Vue 3 Docs</a>
+  </p>
+
+  <button type="button" @click="count++">count is: {{ count }}</button>
+  <p>
+    Edit
+    <code>components/HelloWorld.vue</code> to test hot module replacement.
+  </p>
+</template>
+
+<script setup lang="ts">
+import { ref } from 'vue'
+
+defineProps<{
+  msg: String,
+}>()
+
+const count = ref(0)
+</script>
+
+<style scoped>
+a {
+  color: #42b983;
+}
+
+label {
+  margin: 0 0.5em;
+  font-weight: bold;
+}
+
+code {
+  background-color: #eee;
+  padding: 2px 4px;
+  border-radius: 4px;
+  color: #304455;
+}
+</style>
diff --git a/playground/default-ts/src/main.ts b/playground/default-ts/src/main.ts
new file mode 100644
index 00000000..01433bca
--- /dev/null
+++ b/playground/default-ts/src/main.ts
@@ -0,0 +1,4 @@
+import { createApp } from 'vue'
+import App from './App.vue'
+
+createApp(App).mount('#app')
diff --git a/playground/default-ts/src/shims-vue.d.ts b/playground/default-ts/src/shims-vue.d.ts
new file mode 100644
index 00000000..ec4f1b2e
--- /dev/null
+++ b/playground/default-ts/src/shims-vue.d.ts
@@ -0,0 +1,6 @@
+declare module '*.vue' {
+  import { DefineComponent } from 'vue'
+  // eslint-disable-next-line
+  const component: DefineComponent<{}, {}, any>
+  export default component
+}
diff --git a/playground/default-ts/src/vite-env.d.ts b/playground/default-ts/src/vite-env.d.ts
new file mode 100644
index 00000000..11f02fe2
--- /dev/null
+++ b/playground/default-ts/src/vite-env.d.ts
@@ -0,0 +1 @@
+/// <reference types="vite/client" />
diff --git a/playground/default-ts/tsconfig.json b/playground/default-ts/tsconfig.json
new file mode 100644
index 00000000..d3adf1bf
--- /dev/null
+++ b/playground/default-ts/tsconfig.json
@@ -0,0 +1,30 @@
+{
+  "compilerOptions": {
+    "baseUrl": "./",
+    "target": "esnext",
+    "useDefineForClassFields": true,
+    "module": "esnext",
+    "moduleResolution": "node",
+    "strict": true,
+    "jsx": "preserve",
+    "sourceMap": true,
+    "resolveJsonModule": true,
+    "esModuleInterop": true,
+    "paths": {
+      "@/*": [
+        "src/*"
+      ]
+    },
+    "lib": ["esnext", "dom", "dom.iterable", "scripthost"],
+    "skipLibCheck": true
+  },
+  "include": [
+    "vite.config.*",
+
+    "src/**/*",
+    "src/**/*.vue"
+  ],
+  "exclude": [
+    "src/**/__tests__/**"
+  ]
+}
diff --git a/playground/default-ts/vite.config.ts b/playground/default-ts/vite.config.ts
new file mode 100644
index 00000000..8ae6fd07
--- /dev/null
+++ b/playground/default-ts/vite.config.ts
@@ -0,0 +1,13 @@
+import { defineConfig } from 'vite'
+import vue from '@vitejs/plugin-vue'
+import vueJsx from '@vitejs/plugin-vue-jsx'
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  plugins: [vue(), vueJsx()],
+  resolve: {
+    alias: {
+      '@/': new URL('./src/', import.meta.url).pathname,
+    },
+  }
+})
diff --git a/playground/default-with-tests/.gitignore b/playground/default-with-tests/.gitignore
new file mode 100644
index 00000000..133da84e
--- /dev/null
+++ b/playground/default-with-tests/.gitignore
@@ -0,0 +1,27 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+.DS_Store
+dist
+dist-ssr
+*.local
+
+/cypress/videos/
+/cypress/screenshots/
+
+# Editor directories and files
+.vscode
+!.vscode/extensions.json
+.idea
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
diff --git a/playground/default-with-tests/README.md b/playground/default-with-tests/README.md
new file mode 100644
index 00000000..e69de29b
diff --git a/playground/default-with-tests/cypress.json b/playground/default-with-tests/cypress.json
new file mode 100644
index 00000000..3d372252
--- /dev/null
+++ b/playground/default-with-tests/cypress.json
@@ -0,0 +1,7 @@
+{
+  "baseUrl": "http://localhost:5050",
+  "component": {
+    "componentFolder": "src",
+    "testFiles": "**/__tests__/*.spec.{js,ts,jsx,tsx}"
+  }
+}
diff --git a/playground/default-with-tests/cypress/fixtures/example.json b/playground/default-with-tests/cypress/fixtures/example.json
new file mode 100644
index 00000000..02e42543
--- /dev/null
+++ b/playground/default-with-tests/cypress/fixtures/example.json
@@ -0,0 +1,5 @@
+{
+  "name": "Using fixtures to represent data",
+  "email": "hello@cypress.io",
+  "body": "Fixtures are a great way to mock data for responses to routes"
+}
diff --git a/playground/default-with-tests/cypress/integration/example.spec.js b/playground/default-with-tests/cypress/integration/example.spec.js
new file mode 100644
index 00000000..493bfcf0
--- /dev/null
+++ b/playground/default-with-tests/cypress/integration/example.spec.js
@@ -0,0 +1,8 @@
+// https://docs.cypress.io/api/introduction/api.html
+
+describe('My First Test', () => {
+  it('visits the app root url', () => {
+    cy.visit('/')
+    cy.contains('h1', 'Hello Vue 3 + Vite')
+  })
+})
diff --git a/playground/default-with-tests/cypress/jsconfig.json b/playground/default-with-tests/cypress/jsconfig.json
new file mode 100644
index 00000000..b5b2f972
--- /dev/null
+++ b/playground/default-with-tests/cypress/jsconfig.json
@@ -0,0 +1,8 @@
+{
+  "compilerOptions": {
+    "target": "es5",
+    "lib": ["es5", "dom"],
+    "types": ["cypress"]
+  },
+  "include": ["./**/*"]
+}
diff --git a/playground/default-with-tests/cypress/plugins/index.js b/playground/default-with-tests/cypress/plugins/index.js
new file mode 100644
index 00000000..ad2e351d
--- /dev/null
+++ b/playground/default-with-tests/cypress/plugins/index.js
@@ -0,0 +1,28 @@
+/// <reference types="cypress" />
+// ***********************************************************
+// This example plugins/index.js can be used to load plugins
+//
+// You can change the location of this file or turn off loading
+// the plugins file with the 'pluginsFile' configuration option.
+//
+// You can read more here:
+// https://on.cypress.io/plugins-guide
+// ***********************************************************
+
+// This function is called when a project is opened or re-opened (e.g. due to
+// the project's config changing)
+
+const { startDevServer } = require('@cypress/vite-dev-server')
+
+/**
+ * @type {Cypress.PluginConfig}
+ */
+// eslint-disable-next-line no-unused-vars
+module.exports = (on, config) => {
+  // `on` is used to hook into various events Cypress emits
+  // `config` is the resolved Cypress config
+  on('dev-server:start', (options) => {
+    return startDevServer({ options })
+  })
+  return config
+}
diff --git a/playground/default-with-tests/cypress/support/commands.js b/playground/default-with-tests/cypress/support/commands.js
new file mode 100644
index 00000000..119ab03f
--- /dev/null
+++ b/playground/default-with-tests/cypress/support/commands.js
@@ -0,0 +1,25 @@
+// ***********************************************
+// This example commands.js shows you how to
+// create various custom commands and overwrite
+// existing commands.
+//
+// For more comprehensive examples of custom
+// commands please read more here:
+// https://on.cypress.io/custom-commands
+// ***********************************************
+//
+//
+// -- This is a parent command --
+// Cypress.Commands.add('login', (email, password) => { ... })
+//
+//
+// -- This is a child command --
+// Cypress.Commands.add('drag', { prevSubject: 'element'}, (subject, options) => { ... })
+//
+//
+// -- This is a dual command --
+// Cypress.Commands.add('dismiss', { prevSubject: 'optional'}, (subject, options) => { ... })
+//
+//
+// -- This will overwrite an existing command --
+// Cypress.Commands.overwrite('visit', (originalFn, url, options) => { ... })
diff --git a/playground/default-with-tests/cypress/support/index.js b/playground/default-with-tests/cypress/support/index.js
new file mode 100644
index 00000000..d68db96d
--- /dev/null
+++ b/playground/default-with-tests/cypress/support/index.js
@@ -0,0 +1,20 @@
+// ***********************************************************
+// This example support/index.js is processed and
+// loaded automatically before your test files.
+//
+// This is a great place to put global configuration and
+// behavior that modifies Cypress.
+//
+// You can change the location of this file or turn off
+// automatically serving support files with the
+// 'supportFile' configuration option.
+//
+// You can read more here:
+// https://on.cypress.io/configuration
+// ***********************************************************
+
+// Import commands.js using ES2015 syntax:
+import './commands'
+
+// Alternatively you can use CommonJS syntax:
+// require('./commands')
diff --git a/playground/default-with-tests/index.html b/playground/default-with-tests/index.html
new file mode 100644
index 00000000..11603f87
--- /dev/null
+++ b/playground/default-with-tests/index.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" href="/favicon.ico" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Vite App</title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/src/main.ts"></script>
+  </body>
+</html>
diff --git a/playground/default-with-tests/jsconfig.json b/playground/default-with-tests/jsconfig.json
new file mode 100644
index 00000000..d3adf1bf
--- /dev/null
+++ b/playground/default-with-tests/jsconfig.json
@@ -0,0 +1,30 @@
+{
+  "compilerOptions": {
+    "baseUrl": "./",
+    "target": "esnext",
+    "useDefineForClassFields": true,
+    "module": "esnext",
+    "moduleResolution": "node",
+    "strict": true,
+    "jsx": "preserve",
+    "sourceMap": true,
+    "resolveJsonModule": true,
+    "esModuleInterop": true,
+    "paths": {
+      "@/*": [
+        "src/*"
+      ]
+    },
+    "lib": ["esnext", "dom", "dom.iterable", "scripthost"],
+    "skipLibCheck": true
+  },
+  "include": [
+    "vite.config.*",
+
+    "src/**/*",
+    "src/**/*.vue"
+  ],
+  "exclude": [
+    "src/**/__tests__/**"
+  ]
+}
diff --git a/playground/default-with-tests/package.json b/playground/default-with-tests/package.json
new file mode 100644
index 00000000..44a3acf9
--- /dev/null
+++ b/playground/default-with-tests/package.json
@@ -0,0 +1,27 @@
+{
+  "name": "default-with-tests",
+  "version": "0.0.0",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "preserve": "vite build",
+    "serve": "vite preview --port 5050",
+    "test:unit": "cypress open-ct",
+    "test:unit:ci": "cypress run-ct --quiet --reporter spec",
+    "test:e2e": "start-server-and-test serve 5050 'cypress open'",
+    "test:e2e:ci": "start-server-and-test serve 5050 'cypress run'"
+  },
+  "dependencies": {
+    "vue": "^3.1.5"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-vue": "^1.2.5",
+    "@vitejs/plugin-vue-jsx": "^1.1.6",
+    "@vue/compiler-sfc": "^3.1.5",
+    "vite": "^2.4.3",
+    "@cypress/vite-dev-server": "^2.0.2",
+    "@cypress/vue": "^3.0.1",
+    "cypress": "^8.0.0",
+    "start-server-and-test": "^1.12.6"
+  }
+}
\ No newline at end of file
diff --git a/playground/default-with-tests/public/favicon.ico b/playground/default-with-tests/public/favicon.ico
new file mode 100644
index 0000000000000000000000000000000000000000..df36fcfb72584e00488330b560ebcf34a41c64c2
GIT binary patch
literal 4286
zc-q~UO-NKx6vyu*Vj+`4)S?!;bXAL*8OO4jfgrOFtOP;wW2`J?iWIaDl9|3-1{t(4
zS0U0O3ZqC{nTsL8l}k73B3CX35*lQf+xfqDUcI^RK2sYf=ncQ&&bjBD|2^m4dGkgH
z54|cY1>VK$av}B!A*u*6iLfy3##Ju<o9od;B!_>beV8fe8d$HC7-vcgrEjafnfSpp
z7pe!Wv!9qDBs0UdLe+kc$lCO?Y}>XT*t8E43pQ<w1)kfMHE`ZyVpyYXG0Z;OReK$g
zT1P*{K6&i{=PM^B*3q_@VBdV#-bt)&K!1&W^U?#(Q%TG@v?dwn8s<1AAKD&bP^W!=
zG-TkihCz<~+r9^gWi|i94-wfN3mRao(O>4+E$sux?IOl>wcmbTE8EWa3@~=-!5HV*
zYV8+@RaHCjHY_`%)v~qDXMizmnl-F)j!pG|{r3{ny4ri69Fwi5d^y18(t~Nvwb|Nx
zh>WT|Fcy-Rn*wI-mOhPP!<=Rf8P2t#9<W~(G4H75Q$*hAugTT6tpRiJ(ez-Rb8bYt
zh#1oK{qD=-vc19Ys*gGNxa`9a=l)aQ!^Daj|KNRCc69}1%SnwkgE{!XSEIkexwZSi
zb}v6qIco2FO5eBB?%Edcfv-ys##zIy_7)<oYRBJ%<<*vev+wo3ZwAUfz!x!^HKbW1
zrw9D`05PlkO}Q06s;f0a_nw;oV|5-eF27H+tfkgIpgdEV_xM*K+0p1cb8Yp$FVP17
z9)Pjh1H>R!(}OH)*|iT5OOAW|$B2ye1a;^AJJsDlb^(kr+0->47CAIMSYl0Rmk=YW
z&*RS#dFMr~Y(MAMow3o5#=y?#dA|S{!>0Nn7CDehvxX7YZgM<R;U51kEU#Uu)}Fcc
zvwk1xiSEvz0miWD&LVOkmu4SQtc_>JuSC*<)|>2qR-2@}Ny=kqhHQP;qrn{=7X!b}
zFUGK84nFo6<UlUuv}>>?w0HA&@;8$aZ>+b*d+EdxFXhOA>MX{ds~2p>oZ^ohvEHDO
z)1gD!|N4Klw61Ji%1p>4U15?clX9`dWU9y{;gJ$yL{^A6$OsVvX(1|7LX?3;AxglM
T5Je#2NqB@O!Jnp#S;+nbsq**E

literal 0
Hc-jL100001

diff --git a/playground/default-with-tests/src/App.vue b/playground/default-with-tests/src/App.vue
new file mode 100644
index 00000000..a058d171
--- /dev/null
+++ b/playground/default-with-tests/src/App.vue
@@ -0,0 +1,22 @@
+<template>
+  <img alt="Vue logo" src="./assets/logo.png" />
+  <HelloWorld msg="Hello Vue 3 + Vite" />
+</template>
+
+<script setup>
+import HelloWorld from './components/HelloWorld.vue'
+
+// This starter template is using Vue 3 experimental <script setup> SFCs
+// Check out https://github.com/vuejs/rfcs/blob/master/active-rfcs/0040-script-setup.md
+</script>
+
+<style>
+#app {
+  font-family: Avenir, Helvetica, Arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  text-align: center;
+  color: #2c3e50;
+  margin-top: 60px;
+}
+</style>
diff --git a/playground/default-with-tests/src/assets/logo.png b/playground/default-with-tests/src/assets/logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..f3d2503fc2a44b5053b0837ebea6e87a2d339a43
GIT binary patch
literal 6849
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

literal 0
Hc-jL100001

diff --git a/playground/default-with-tests/src/components/HelloWorld.vue b/playground/default-with-tests/src/components/HelloWorld.vue
new file mode 100644
index 00000000..36a089f1
--- /dev/null
+++ b/playground/default-with-tests/src/components/HelloWorld.vue
@@ -0,0 +1,38 @@
+<template>
+  <h1>{{ msg }}</h1>
+
+  <p>
+    <a href="https://vitejs.dev/guide/features.html" target="_blank">
+      Vite Documentation
+    </a>
+    |
+    <a href="https://v3.vuejs.org/" target="_blank">Vue 3 Documentation</a>
+  </p>
+
+  <button type="button" @click="state.count++">
+    count is: {{ state.count }}
+  </button>
+  <p>
+    Edit
+    <code>components/HelloWorld.vue</code> to test hot module replacement.
+  </p>
+</template>
+
+<script setup>
+import { ref } from 'vue'
+
+defineProps({
+  msg: {
+    type: String,
+    required: true
+  }
+})
+
+const count = ref(0)
+</script>
+
+<style scoped>
+a {
+  color: #42b983;
+}
+</style>
diff --git a/playground/default-with-tests/src/components/__tests__/HelloWorld.spec.js b/playground/default-with-tests/src/components/__tests__/HelloWorld.spec.js
new file mode 100644
index 00000000..087c9561
--- /dev/null
+++ b/playground/default-with-tests/src/components/__tests__/HelloWorld.spec.js
@@ -0,0 +1,22 @@
+import { mount } from '@cypress/vue'
+import HelloWorld from '../HelloWorld.vue'
+
+describe('HelloWorld', () => {
+  it('playground', () => {
+    mount(HelloWorld, { props: { msg: 'Hello Cypress' } })
+  })
+
+  it('renders properly', () => {
+    mount(HelloWorld, { props: { msg: 'Hello Cypress' } })
+    cy.get('h1').should('contain', 'Hello Cypress')
+  })
+
+  it('adds 1 when clicking the plus button', () => {
+    mount(HelloWorld, { props: { msg: 'Hello Cypress' } })
+    
+    cy.get('button')
+      .should('contain', '0')
+      .click()
+      .should('contain', '1')
+  })
+})
diff --git a/playground/default-with-tests/src/main.js b/playground/default-with-tests/src/main.js
new file mode 100644
index 00000000..01433bca
--- /dev/null
+++ b/playground/default-with-tests/src/main.js
@@ -0,0 +1,4 @@
+import { createApp } from 'vue'
+import App from './App.vue'
+
+createApp(App).mount('#app')
diff --git a/playground/default-with-tests/src/shims-vue.d.ts b/playground/default-with-tests/src/shims-vue.d.ts
new file mode 100644
index 00000000..ec4f1b2e
--- /dev/null
+++ b/playground/default-with-tests/src/shims-vue.d.ts
@@ -0,0 +1,6 @@
+declare module '*.vue' {
+  import { DefineComponent } from 'vue'
+  // eslint-disable-next-line
+  const component: DefineComponent<{}, {}, any>
+  export default component
+}
diff --git a/playground/default-with-tests/src/vite-env.d.ts b/playground/default-with-tests/src/vite-env.d.ts
new file mode 100644
index 00000000..11f02fe2
--- /dev/null
+++ b/playground/default-with-tests/src/vite-env.d.ts
@@ -0,0 +1 @@
+/// <reference types="vite/client" />
diff --git a/playground/default-with-tests/vite.config.js b/playground/default-with-tests/vite.config.js
new file mode 100644
index 00000000..8ae6fd07
--- /dev/null
+++ b/playground/default-with-tests/vite.config.js
@@ -0,0 +1,13 @@
+import { defineConfig } from 'vite'
+import vue from '@vitejs/plugin-vue'
+import vueJsx from '@vitejs/plugin-vue-jsx'
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  plugins: [vue(), vueJsx()],
+  resolve: {
+    alias: {
+      '@/': new URL('./src/', import.meta.url).pathname,
+    },
+  }
+})
diff --git a/playground/default/.gitignore b/playground/default/.gitignore
new file mode 100644
index 00000000..133da84e
--- /dev/null
+++ b/playground/default/.gitignore
@@ -0,0 +1,27 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+.DS_Store
+dist
+dist-ssr
+*.local
+
+/cypress/videos/
+/cypress/screenshots/
+
+# Editor directories and files
+.vscode
+!.vscode/extensions.json
+.idea
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
diff --git a/playground/default/README.md b/playground/default/README.md
new file mode 100644
index 00000000..e69de29b
diff --git a/playground/default/index.html b/playground/default/index.html
new file mode 100644
index 00000000..11603f87
--- /dev/null
+++ b/playground/default/index.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" href="/favicon.ico" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Vite App</title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/src/main.ts"></script>
+  </body>
+</html>
diff --git a/playground/default/jsconfig.json b/playground/default/jsconfig.json
new file mode 100644
index 00000000..d3adf1bf
--- /dev/null
+++ b/playground/default/jsconfig.json
@@ -0,0 +1,30 @@
+{
+  "compilerOptions": {
+    "baseUrl": "./",
+    "target": "esnext",
+    "useDefineForClassFields": true,
+    "module": "esnext",
+    "moduleResolution": "node",
+    "strict": true,
+    "jsx": "preserve",
+    "sourceMap": true,
+    "resolveJsonModule": true,
+    "esModuleInterop": true,
+    "paths": {
+      "@/*": [
+        "src/*"
+      ]
+    },
+    "lib": ["esnext", "dom", "dom.iterable", "scripthost"],
+    "skipLibCheck": true
+  },
+  "include": [
+    "vite.config.*",
+
+    "src/**/*",
+    "src/**/*.vue"
+  ],
+  "exclude": [
+    "src/**/__tests__/**"
+  ]
+}
diff --git a/playground/default/package.json b/playground/default/package.json
new file mode 100644
index 00000000..0ff042cd
--- /dev/null
+++ b/playground/default/package.json
@@ -0,0 +1,19 @@
+{
+  "name": "default",
+  "version": "0.0.0",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "preserve": "vite build",
+    "serve": "vite preview --port 5050"
+  },
+  "dependencies": {
+    "vue": "^3.1.5"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-vue": "^1.2.5",
+    "@vitejs/plugin-vue-jsx": "^1.1.6",
+    "@vue/compiler-sfc": "^3.1.5",
+    "vite": "^2.4.3"
+  }
+}
\ No newline at end of file
diff --git a/playground/default/public/favicon.ico b/playground/default/public/favicon.ico
new file mode 100644
index 0000000000000000000000000000000000000000..df36fcfb72584e00488330b560ebcf34a41c64c2
GIT binary patch
literal 4286
zc-q~UO-NKx6vyu*Vj+`4)S?!;bXAL*8OO4jfgrOFtOP;wW2`J?iWIaDl9|3-1{t(4
zS0U0O3ZqC{nTsL8l}k73B3CX35*lQf+xfqDUcI^RK2sYf=ncQ&&bjBD|2^m4dGkgH
z54|cY1>VK$av}B!A*u*6iLfy3##Ju<o9od;B!_>beV8fe8d$HC7-vcgrEjafnfSpp
z7pe!Wv!9qDBs0UdLe+kc$lCO?Y}>XT*t8E43pQ<w1)kfMHE`ZyVpyYXG0Z;OReK$g
zT1P*{K6&i{=PM^B*3q_@VBdV#-bt)&K!1&W^U?#(Q%TG@v?dwn8s<1AAKD&bP^W!=
zG-TkihCz<~+r9^gWi|i94-wfN3mRao(O>4+E$sux?IOl>wcmbTE8EWa3@~=-!5HV*
zYV8+@RaHCjHY_`%)v~qDXMizmnl-F)j!pG|{r3{ny4ri69Fwi5d^y18(t~Nvwb|Nx
zh>WT|Fcy-Rn*wI-mOhPP!<=Rf8P2t#9<W~(G4H75Q$*hAugTT6tpRiJ(ez-Rb8bYt
zh#1oK{qD=-vc19Ys*gGNxa`9a=l)aQ!^Daj|KNRCc69}1%SnwkgE{!XSEIkexwZSi
zb}v6qIco2FO5eBB?%Edcfv-ys##zIy_7)<oYRBJ%<<*vev+wo3ZwAUfz!x!^HKbW1
zrw9D`05PlkO}Q06s;f0a_nw;oV|5-eF27H+tfkgIpgdEV_xM*K+0p1cb8Yp$FVP17
z9)Pjh1H>R!(}OH)*|iT5OOAW|$B2ye1a;^AJJsDlb^(kr+0->47CAIMSYl0Rmk=YW
z&*RS#dFMr~Y(MAMow3o5#=y?#dA|S{!>0Nn7CDehvxX7YZgM<R;U51kEU#Uu)}Fcc
zvwk1xiSEvz0miWD&LVOkmu4SQtc_>JuSC*<)|>2qR-2@}Ny=kqhHQP;qrn{=7X!b}
zFUGK84nFo6<UlUuv}>>?w0HA&@;8$aZ>+b*d+EdxFXhOA>MX{ds~2p>oZ^ohvEHDO
z)1gD!|N4Klw61Ji%1p>4U15?clX9`dWU9y{;gJ$yL{^A6$OsVvX(1|7LX?3;AxglM
T5Je#2NqB@O!Jnp#S;+nbsq**E

literal 0
Hc-jL100001

diff --git a/playground/default/src/App.vue b/playground/default/src/App.vue
new file mode 100644
index 00000000..a058d171
--- /dev/null
+++ b/playground/default/src/App.vue
@@ -0,0 +1,22 @@
+<template>
+  <img alt="Vue logo" src="./assets/logo.png" />
+  <HelloWorld msg="Hello Vue 3 + Vite" />
+</template>
+
+<script setup>
+import HelloWorld from './components/HelloWorld.vue'
+
+// This starter template is using Vue 3 experimental <script setup> SFCs
+// Check out https://github.com/vuejs/rfcs/blob/master/active-rfcs/0040-script-setup.md
+</script>
+
+<style>
+#app {
+  font-family: Avenir, Helvetica, Arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  text-align: center;
+  color: #2c3e50;
+  margin-top: 60px;
+}
+</style>
diff --git a/playground/default/src/assets/logo.png b/playground/default/src/assets/logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..f3d2503fc2a44b5053b0837ebea6e87a2d339a43
GIT binary patch
literal 6849
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

literal 0
Hc-jL100001

diff --git a/playground/default/src/components/HelloWorld.vue b/playground/default/src/components/HelloWorld.vue
new file mode 100644
index 00000000..36a089f1
--- /dev/null
+++ b/playground/default/src/components/HelloWorld.vue
@@ -0,0 +1,38 @@
+<template>
+  <h1>{{ msg }}</h1>
+
+  <p>
+    <a href="https://vitejs.dev/guide/features.html" target="_blank">
+      Vite Documentation
+    </a>
+    |
+    <a href="https://v3.vuejs.org/" target="_blank">Vue 3 Documentation</a>
+  </p>
+
+  <button type="button" @click="state.count++">
+    count is: {{ state.count }}
+  </button>
+  <p>
+    Edit
+    <code>components/HelloWorld.vue</code> to test hot module replacement.
+  </p>
+</template>
+
+<script setup>
+import { ref } from 'vue'
+
+defineProps({
+  msg: {
+    type: String,
+    required: true
+  }
+})
+
+const count = ref(0)
+</script>
+
+<style scoped>
+a {
+  color: #42b983;
+}
+</style>
diff --git a/playground/default/src/main.js b/playground/default/src/main.js
new file mode 100644
index 00000000..01433bca
--- /dev/null
+++ b/playground/default/src/main.js
@@ -0,0 +1,4 @@
+import { createApp } from 'vue'
+import App from './App.vue'
+
+createApp(App).mount('#app')
diff --git a/playground/default/src/shims-vue.d.ts b/playground/default/src/shims-vue.d.ts
new file mode 100644
index 00000000..ec4f1b2e
--- /dev/null
+++ b/playground/default/src/shims-vue.d.ts
@@ -0,0 +1,6 @@
+declare module '*.vue' {
+  import { DefineComponent } from 'vue'
+  // eslint-disable-next-line
+  const component: DefineComponent<{}, {}, any>
+  export default component
+}
diff --git a/playground/default/src/vite-env.d.ts b/playground/default/src/vite-env.d.ts
new file mode 100644
index 00000000..11f02fe2
--- /dev/null
+++ b/playground/default/src/vite-env.d.ts
@@ -0,0 +1 @@
+/// <reference types="vite/client" />
diff --git a/playground/default/vite.config.js b/playground/default/vite.config.js
new file mode 100644
index 00000000..8ae6fd07
--- /dev/null
+++ b/playground/default/vite.config.js
@@ -0,0 +1,13 @@
+import { defineConfig } from 'vite'
+import vue from '@vitejs/plugin-vue'
+import vueJsx from '@vitejs/plugin-vue-jsx'
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  plugins: [vue(), vueJsx()],
+  resolve: {
+    alias: {
+      '@/': new URL('./src/', import.meta.url).pathname,
+    },
+  }
+})
diff --git a/playground/spa-ts-with-tests/.gitignore b/playground/spa-ts-with-tests/.gitignore
new file mode 100644
index 00000000..133da84e
--- /dev/null
+++ b/playground/spa-ts-with-tests/.gitignore
@@ -0,0 +1,27 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+.DS_Store
+dist
+dist-ssr
+*.local
+
+/cypress/videos/
+/cypress/screenshots/
+
+# Editor directories and files
+.vscode
+!.vscode/extensions.json
+.idea
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
diff --git a/playground/spa-ts-with-tests/README.md b/playground/spa-ts-with-tests/README.md
new file mode 100644
index 00000000..e69de29b
diff --git a/playground/spa-ts-with-tests/cypress.json b/playground/spa-ts-with-tests/cypress.json
new file mode 100644
index 00000000..3d372252
--- /dev/null
+++ b/playground/spa-ts-with-tests/cypress.json
@@ -0,0 +1,7 @@
+{
+  "baseUrl": "http://localhost:5050",
+  "component": {
+    "componentFolder": "src",
+    "testFiles": "**/__tests__/*.spec.{js,ts,jsx,tsx}"
+  }
+}
diff --git a/playground/spa-ts-with-tests/cypress/fixtures/example.json b/playground/spa-ts-with-tests/cypress/fixtures/example.json
new file mode 100644
index 00000000..02e42543
--- /dev/null
+++ b/playground/spa-ts-with-tests/cypress/fixtures/example.json
@@ -0,0 +1,5 @@
+{
+  "name": "Using fixtures to represent data",
+  "email": "hello@cypress.io",
+  "body": "Fixtures are a great way to mock data for responses to routes"
+}
diff --git a/playground/spa-ts-with-tests/cypress/integration/example.spec.ts b/playground/spa-ts-with-tests/cypress/integration/example.spec.ts
new file mode 100644
index 00000000..3898b0ca
--- /dev/null
+++ b/playground/spa-ts-with-tests/cypress/integration/example.spec.ts
@@ -0,0 +1,13 @@
+// https://docs.cypress.io/api/introduction/api.html
+
+describe('My First Test', () => {
+  it('visits the app root url', () => {
+    cy.visit('/')
+    cy.contains('h1', 'Hello Vue 3 + TypeScript + Vite')
+  })
+
+  it('navigates to the about page', () => {
+    cy.visit('/about')
+    cy.contains('h1', 'This is an about page')
+  })
+})
diff --git a/playground/spa-ts-with-tests/cypress/plugins/index.ts b/playground/spa-ts-with-tests/cypress/plugins/index.ts
new file mode 100644
index 00000000..ad2e351d
--- /dev/null
+++ b/playground/spa-ts-with-tests/cypress/plugins/index.ts
@@ -0,0 +1,28 @@
+/// <reference types="cypress" />
+// ***********************************************************
+// This example plugins/index.js can be used to load plugins
+//
+// You can change the location of this file or turn off loading
+// the plugins file with the 'pluginsFile' configuration option.
+//
+// You can read more here:
+// https://on.cypress.io/plugins-guide
+// ***********************************************************
+
+// This function is called when a project is opened or re-opened (e.g. due to
+// the project's config changing)
+
+const { startDevServer } = require('@cypress/vite-dev-server')
+
+/**
+ * @type {Cypress.PluginConfig}
+ */
+// eslint-disable-next-line no-unused-vars
+module.exports = (on, config) => {
+  // `on` is used to hook into various events Cypress emits
+  // `config` is the resolved Cypress config
+  on('dev-server:start', (options) => {
+    return startDevServer({ options })
+  })
+  return config
+}
diff --git a/playground/spa-ts-with-tests/cypress/support/commands.ts b/playground/spa-ts-with-tests/cypress/support/commands.ts
new file mode 100644
index 00000000..119ab03f
--- /dev/null
+++ b/playground/spa-ts-with-tests/cypress/support/commands.ts
@@ -0,0 +1,25 @@
+// ***********************************************
+// This example commands.js shows you how to
+// create various custom commands and overwrite
+// existing commands.
+//
+// For more comprehensive examples of custom
+// commands please read more here:
+// https://on.cypress.io/custom-commands
+// ***********************************************
+//
+//
+// -- This is a parent command --
+// Cypress.Commands.add('login', (email, password) => { ... })
+//
+//
+// -- This is a child command --
+// Cypress.Commands.add('drag', { prevSubject: 'element'}, (subject, options) => { ... })
+//
+//
+// -- This is a dual command --
+// Cypress.Commands.add('dismiss', { prevSubject: 'optional'}, (subject, options) => { ... })
+//
+//
+// -- This will overwrite an existing command --
+// Cypress.Commands.overwrite('visit', (originalFn, url, options) => { ... })
diff --git a/playground/spa-ts-with-tests/cypress/support/index.ts b/playground/spa-ts-with-tests/cypress/support/index.ts
new file mode 100644
index 00000000..d68db96d
--- /dev/null
+++ b/playground/spa-ts-with-tests/cypress/support/index.ts
@@ -0,0 +1,20 @@
+// ***********************************************************
+// This example support/index.js is processed and
+// loaded automatically before your test files.
+//
+// This is a great place to put global configuration and
+// behavior that modifies Cypress.
+//
+// You can change the location of this file or turn off
+// automatically serving support files with the
+// 'supportFile' configuration option.
+//
+// You can read more here:
+// https://on.cypress.io/configuration
+// ***********************************************************
+
+// Import commands.js using ES2015 syntax:
+import './commands'
+
+// Alternatively you can use CommonJS syntax:
+// require('./commands')
diff --git a/playground/spa-ts-with-tests/cypress/tsconfig.json b/playground/spa-ts-with-tests/cypress/tsconfig.json
new file mode 100644
index 00000000..b5b2f972
--- /dev/null
+++ b/playground/spa-ts-with-tests/cypress/tsconfig.json
@@ -0,0 +1,8 @@
+{
+  "compilerOptions": {
+    "target": "es5",
+    "lib": ["es5", "dom"],
+    "types": ["cypress"]
+  },
+  "include": ["./**/*"]
+}
diff --git a/playground/spa-ts-with-tests/index.html b/playground/spa-ts-with-tests/index.html
new file mode 100644
index 00000000..11603f87
--- /dev/null
+++ b/playground/spa-ts-with-tests/index.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" href="/favicon.ico" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Vite App</title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/src/main.ts"></script>
+  </body>
+</html>
diff --git a/playground/spa-ts-with-tests/package.json b/playground/spa-ts-with-tests/package.json
new file mode 100644
index 00000000..45ac7225
--- /dev/null
+++ b/playground/spa-ts-with-tests/package.json
@@ -0,0 +1,32 @@
+{
+  "name": "spa-ts-with-tests",
+  "version": "0.0.0",
+  "scripts": {
+    "dev": "vite",
+    "build": "vue-tsc --noEmit && vite build",
+    "preserve": "vite build",
+    "serve": "vite preview --port 5050",
+    "test:unit": "cypress open-ct",
+    "test:unit:ci": "cypress run-ct --quiet --reporter spec",
+    "test:e2e": "start-server-and-test serve 5050 'cypress open'",
+    "test:e2e:ci": "start-server-and-test serve 5050 'cypress run'",
+    "typecheck": "vue-tsc --noEmit"
+  },
+  "dependencies": {
+    "vue": "^3.1.5",
+    "vue-router": "^4.0.10",
+    "vuex": "^4.0.2"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-vue": "^1.2.5",
+    "@vitejs/plugin-vue-jsx": "^1.1.6",
+    "@vue/compiler-sfc": "^3.1.5",
+    "vite": "^2.4.3",
+    "@cypress/vite-dev-server": "^2.0.2",
+    "@cypress/vue": "^3.0.1",
+    "cypress": "^8.0.0",
+    "start-server-and-test": "^1.12.6",
+    "typescript": "~4.3.5",
+    "vue-tsc": "^0.2.2"
+  }
+}
\ No newline at end of file
diff --git a/playground/spa-ts-with-tests/public/favicon.ico b/playground/spa-ts-with-tests/public/favicon.ico
new file mode 100644
index 0000000000000000000000000000000000000000..df36fcfb72584e00488330b560ebcf34a41c64c2
GIT binary patch
literal 4286
zc-q~UO-NKx6vyu*Vj+`4)S?!;bXAL*8OO4jfgrOFtOP;wW2`J?iWIaDl9|3-1{t(4
zS0U0O3ZqC{nTsL8l}k73B3CX35*lQf+xfqDUcI^RK2sYf=ncQ&&bjBD|2^m4dGkgH
z54|cY1>VK$av}B!A*u*6iLfy3##Ju<o9od;B!_>beV8fe8d$HC7-vcgrEjafnfSpp
z7pe!Wv!9qDBs0UdLe+kc$lCO?Y}>XT*t8E43pQ<w1)kfMHE`ZyVpyYXG0Z;OReK$g
zT1P*{K6&i{=PM^B*3q_@VBdV#-bt)&K!1&W^U?#(Q%TG@v?dwn8s<1AAKD&bP^W!=
zG-TkihCz<~+r9^gWi|i94-wfN3mRao(O>4+E$sux?IOl>wcmbTE8EWa3@~=-!5HV*
zYV8+@RaHCjHY_`%)v~qDXMizmnl-F)j!pG|{r3{ny4ri69Fwi5d^y18(t~Nvwb|Nx
zh>WT|Fcy-Rn*wI-mOhPP!<=Rf8P2t#9<W~(G4H75Q$*hAugTT6tpRiJ(ez-Rb8bYt
zh#1oK{qD=-vc19Ys*gGNxa`9a=l)aQ!^Daj|KNRCc69}1%SnwkgE{!XSEIkexwZSi
zb}v6qIco2FO5eBB?%Edcfv-ys##zIy_7)<oYRBJ%<<*vev+wo3ZwAUfz!x!^HKbW1
zrw9D`05PlkO}Q06s;f0a_nw;oV|5-eF27H+tfkgIpgdEV_xM*K+0p1cb8Yp$FVP17
z9)Pjh1H>R!(}OH)*|iT5OOAW|$B2ye1a;^AJJsDlb^(kr+0->47CAIMSYl0Rmk=YW
z&*RS#dFMr~Y(MAMow3o5#=y?#dA|S{!>0Nn7CDehvxX7YZgM<R;U51kEU#Uu)}Fcc
zvwk1xiSEvz0miWD&LVOkmu4SQtc_>JuSC*<)|>2qR-2@}Ny=kqhHQP;qrn{=7X!b}
zFUGK84nFo6<UlUuv}>>?w0HA&@;8$aZ>+b*d+EdxFXhOA>MX{ds~2p>oZ^ohvEHDO
z)1gD!|N4Klw61Ji%1p>4U15?clX9`dWU9y{;gJ$yL{^A6$OsVvX(1|7LX?3;AxglM
T5Je#2NqB@O!Jnp#S;+nbsq**E

literal 0
Hc-jL100001

diff --git a/playground/spa-ts-with-tests/src/App.vue b/playground/spa-ts-with-tests/src/App.vue
new file mode 100644
index 00000000..b9643551
--- /dev/null
+++ b/playground/spa-ts-with-tests/src/App.vue
@@ -0,0 +1,30 @@
+<template>
+  <div id="nav">
+    <router-link to="/">Home</router-link> |
+    <router-link to="/about">About</router-link>
+  </div>
+  <router-view/>
+</template>
+
+<style>
+#app {
+  font-family: Avenir, Helvetica, Arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  text-align: center;
+  color: #2c3e50;
+}
+
+#nav {
+  padding: 30px;
+}
+
+#nav a {
+  font-weight: bold;
+  color: #2c3e50;
+}
+
+#nav a.router-link-exact-active {
+  color: #42b983;
+}
+</style>
diff --git a/playground/spa-ts-with-tests/src/assets/logo.png b/playground/spa-ts-with-tests/src/assets/logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..f3d2503fc2a44b5053b0837ebea6e87a2d339a43
GIT binary patch
literal 6849
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

literal 0
Hc-jL100001

diff --git a/playground/spa-ts-with-tests/src/components/HelloWorld.vue b/playground/spa-ts-with-tests/src/components/HelloWorld.vue
new file mode 100644
index 00000000..2dac5234
--- /dev/null
+++ b/playground/spa-ts-with-tests/src/components/HelloWorld.vue
@@ -0,0 +1,54 @@
+<template>
+  <h1>{{ msg }}</h1>
+
+  <p>
+    Recommended IDE setup:
+    <a href="https://code.visualstudio.com/" target="_blank">VSCode</a>
+    +
+    <a href="https://github.com/johnsoncodehk/volar" target="_blank">Volar</a>
+  </p>
+
+  <p>See <code>README.md</code> for more information.</p>
+
+  <p>
+    <a href="https://vitejs.dev/guide/features.html" target="_blank">
+      Vite Docs
+    </a>
+    |
+    <a href="https://v3.vuejs.org/" target="_blank">Vue 3 Docs</a>
+  </p>
+
+  <button type="button" @click="count++">count is: {{ count }}</button>
+  <p>
+    Edit
+    <code>components/HelloWorld.vue</code> to test hot module replacement.
+  </p>
+</template>
+
+<script setup lang="ts">
+import { ref } from 'vue'
+
+defineProps<{
+  msg: String,
+}>()
+
+const count = ref(0)
+</script>
+
+<style scoped>
+a {
+  color: #42b983;
+}
+
+label {
+  margin: 0 0.5em;
+  font-weight: bold;
+}
+
+code {
+  background-color: #eee;
+  padding: 2px 4px;
+  border-radius: 4px;
+  color: #304455;
+}
+</style>
diff --git a/playground/spa-ts-with-tests/src/components/__tests__/HelloWorld.spec.ts b/playground/spa-ts-with-tests/src/components/__tests__/HelloWorld.spec.ts
new file mode 100644
index 00000000..087c9561
--- /dev/null
+++ b/playground/spa-ts-with-tests/src/components/__tests__/HelloWorld.spec.ts
@@ -0,0 +1,22 @@
+import { mount } from '@cypress/vue'
+import HelloWorld from '../HelloWorld.vue'
+
+describe('HelloWorld', () => {
+  it('playground', () => {
+    mount(HelloWorld, { props: { msg: 'Hello Cypress' } })
+  })
+
+  it('renders properly', () => {
+    mount(HelloWorld, { props: { msg: 'Hello Cypress' } })
+    cy.get('h1').should('contain', 'Hello Cypress')
+  })
+
+  it('adds 1 when clicking the plus button', () => {
+    mount(HelloWorld, { props: { msg: 'Hello Cypress' } })
+    
+    cy.get('button')
+      .should('contain', '0')
+      .click()
+      .should('contain', '1')
+  })
+})
diff --git a/playground/spa-ts-with-tests/src/main.ts b/playground/spa-ts-with-tests/src/main.ts
new file mode 100644
index 00000000..ab55e6d5
--- /dev/null
+++ b/playground/spa-ts-with-tests/src/main.ts
@@ -0,0 +1,12 @@
+import { createApp } from 'vue'
+import App from './App.vue'
+
+import router from './router'
+import store from './store'
+
+const app = createApp(App)
+
+app.use(router)
+app.use(store)
+
+app.mount('#app')
diff --git a/playground/spa-ts-with-tests/src/router/index.ts b/playground/spa-ts-with-tests/src/router/index.ts
new file mode 100644
index 00000000..06036285
--- /dev/null
+++ b/playground/spa-ts-with-tests/src/router/index.ts
@@ -0,0 +1,27 @@
+import { createRouter, createWebHistory } from 'vue-router'
+import type { RouteRecordRaw } from 'vue-router'
+
+import Home from '../views/Home.vue'
+
+const routes: Array<RouteRecordRaw> = [
+  {
+    path: '/',
+    name: 'Home',
+    component: Home
+  },
+  {
+    path: '/about',
+    name: 'About',
+    // route level code-splitting
+    // this generates a separate chunk (About.[hash].js) for this route
+    // which is lazy-loaded when the route is visited.
+    component: () => import('../views/About.vue')
+  }
+]
+
+const router = createRouter({
+  history: createWebHistory(import.meta.env.BASE_URL),
+  routes
+})
+
+export default router
diff --git a/playground/spa-ts-with-tests/src/shims-vue.d.ts b/playground/spa-ts-with-tests/src/shims-vue.d.ts
new file mode 100644
index 00000000..ec4f1b2e
--- /dev/null
+++ b/playground/spa-ts-with-tests/src/shims-vue.d.ts
@@ -0,0 +1,6 @@
+declare module '*.vue' {
+  import { DefineComponent } from 'vue'
+  // eslint-disable-next-line
+  const component: DefineComponent<{}, {}, any>
+  export default component
+}
diff --git a/playground/spa-ts-with-tests/src/store/index.ts b/playground/spa-ts-with-tests/src/store/index.ts
new file mode 100644
index 00000000..5f05f193
--- /dev/null
+++ b/playground/spa-ts-with-tests/src/store/index.ts
@@ -0,0 +1,12 @@
+import { createStore } from 'vuex'
+
+export default createStore({
+  state: {
+  },
+  mutations: {
+  },
+  actions: {
+  },
+  modules: {
+  }
+})
diff --git a/playground/spa-ts-with-tests/src/views/About.vue b/playground/spa-ts-with-tests/src/views/About.vue
new file mode 100644
index 00000000..3fa28070
--- /dev/null
+++ b/playground/spa-ts-with-tests/src/views/About.vue
@@ -0,0 +1,5 @@
+<template>
+  <div class="about">
+    <h1>This is an about page</h1>
+  </div>
+</template>
diff --git a/playground/spa-ts-with-tests/src/views/Home.vue b/playground/spa-ts-with-tests/src/views/Home.vue
new file mode 100644
index 00000000..4ade1db6
--- /dev/null
+++ b/playground/spa-ts-with-tests/src/views/Home.vue
@@ -0,0 +1,19 @@
+<template>
+  <img alt="Vue logo" src="@/assets/logo.png" />
+  <HelloWorld msg="Hello Vue 3 + TypeScript + Vite" />
+</template>
+
+<script setup lang="ts">
+import HelloWorld from '@/components/HelloWorld.vue'
+</script>
+
+<style>
+#app {
+  font-family: Avenir, Helvetica, Arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  text-align: center;
+  color: #2c3e50;
+  margin-top: 60px;
+}
+</style>
diff --git a/playground/spa-ts-with-tests/src/vite-env.d.ts b/playground/spa-ts-with-tests/src/vite-env.d.ts
new file mode 100644
index 00000000..11f02fe2
--- /dev/null
+++ b/playground/spa-ts-with-tests/src/vite-env.d.ts
@@ -0,0 +1 @@
+/// <reference types="vite/client" />
diff --git a/playground/spa-ts-with-tests/tsconfig.json b/playground/spa-ts-with-tests/tsconfig.json
new file mode 100644
index 00000000..d3adf1bf
--- /dev/null
+++ b/playground/spa-ts-with-tests/tsconfig.json
@@ -0,0 +1,30 @@
+{
+  "compilerOptions": {
+    "baseUrl": "./",
+    "target": "esnext",
+    "useDefineForClassFields": true,
+    "module": "esnext",
+    "moduleResolution": "node",
+    "strict": true,
+    "jsx": "preserve",
+    "sourceMap": true,
+    "resolveJsonModule": true,
+    "esModuleInterop": true,
+    "paths": {
+      "@/*": [
+        "src/*"
+      ]
+    },
+    "lib": ["esnext", "dom", "dom.iterable", "scripthost"],
+    "skipLibCheck": true
+  },
+  "include": [
+    "vite.config.*",
+
+    "src/**/*",
+    "src/**/*.vue"
+  ],
+  "exclude": [
+    "src/**/__tests__/**"
+  ]
+}
diff --git a/playground/spa-ts-with-tests/vite.config.ts b/playground/spa-ts-with-tests/vite.config.ts
new file mode 100644
index 00000000..8ae6fd07
--- /dev/null
+++ b/playground/spa-ts-with-tests/vite.config.ts
@@ -0,0 +1,13 @@
+import { defineConfig } from 'vite'
+import vue from '@vitejs/plugin-vue'
+import vueJsx from '@vitejs/plugin-vue-jsx'
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  plugins: [vue(), vueJsx()],
+  resolve: {
+    alias: {
+      '@/': new URL('./src/', import.meta.url).pathname,
+    },
+  }
+})
diff --git a/playground/spa-ts/.gitignore b/playground/spa-ts/.gitignore
new file mode 100644
index 00000000..133da84e
--- /dev/null
+++ b/playground/spa-ts/.gitignore
@@ -0,0 +1,27 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+.DS_Store
+dist
+dist-ssr
+*.local
+
+/cypress/videos/
+/cypress/screenshots/
+
+# Editor directories and files
+.vscode
+!.vscode/extensions.json
+.idea
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
diff --git a/playground/spa-ts/README.md b/playground/spa-ts/README.md
new file mode 100644
index 00000000..e69de29b
diff --git a/playground/spa-ts/index.html b/playground/spa-ts/index.html
new file mode 100644
index 00000000..11603f87
--- /dev/null
+++ b/playground/spa-ts/index.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" href="/favicon.ico" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Vite App</title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/src/main.ts"></script>
+  </body>
+</html>
diff --git a/playground/spa-ts/package.json b/playground/spa-ts/package.json
new file mode 100644
index 00000000..c9ae486e
--- /dev/null
+++ b/playground/spa-ts/package.json
@@ -0,0 +1,24 @@
+{
+  "name": "spa-ts",
+  "version": "0.0.0",
+  "scripts": {
+    "dev": "vite",
+    "build": "vue-tsc --noEmit && vite build",
+    "preserve": "vite build",
+    "serve": "vite preview --port 5050",
+    "typecheck": "vue-tsc --noEmit"
+  },
+  "dependencies": {
+    "vue": "^3.1.5",
+    "vue-router": "^4.0.10",
+    "vuex": "^4.0.2"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-vue": "^1.2.5",
+    "@vitejs/plugin-vue-jsx": "^1.1.6",
+    "@vue/compiler-sfc": "^3.1.5",
+    "vite": "^2.4.3",
+    "typescript": "~4.3.5",
+    "vue-tsc": "^0.2.2"
+  }
+}
\ No newline at end of file
diff --git a/playground/spa-ts/public/favicon.ico b/playground/spa-ts/public/favicon.ico
new file mode 100644
index 0000000000000000000000000000000000000000..df36fcfb72584e00488330b560ebcf34a41c64c2
GIT binary patch
literal 4286
zc-q~UO-NKx6vyu*Vj+`4)S?!;bXAL*8OO4jfgrOFtOP;wW2`J?iWIaDl9|3-1{t(4
zS0U0O3ZqC{nTsL8l}k73B3CX35*lQf+xfqDUcI^RK2sYf=ncQ&&bjBD|2^m4dGkgH
z54|cY1>VK$av}B!A*u*6iLfy3##Ju<o9od;B!_>beV8fe8d$HC7-vcgrEjafnfSpp
z7pe!Wv!9qDBs0UdLe+kc$lCO?Y}>XT*t8E43pQ<w1)kfMHE`ZyVpyYXG0Z;OReK$g
zT1P*{K6&i{=PM^B*3q_@VBdV#-bt)&K!1&W^U?#(Q%TG@v?dwn8s<1AAKD&bP^W!=
zG-TkihCz<~+r9^gWi|i94-wfN3mRao(O>4+E$sux?IOl>wcmbTE8EWa3@~=-!5HV*
zYV8+@RaHCjHY_`%)v~qDXMizmnl-F)j!pG|{r3{ny4ri69Fwi5d^y18(t~Nvwb|Nx
zh>WT|Fcy-Rn*wI-mOhPP!<=Rf8P2t#9<W~(G4H75Q$*hAugTT6tpRiJ(ez-Rb8bYt
zh#1oK{qD=-vc19Ys*gGNxa`9a=l)aQ!^Daj|KNRCc69}1%SnwkgE{!XSEIkexwZSi
zb}v6qIco2FO5eBB?%Edcfv-ys##zIy_7)<oYRBJ%<<*vev+wo3ZwAUfz!x!^HKbW1
zrw9D`05PlkO}Q06s;f0a_nw;oV|5-eF27H+tfkgIpgdEV_xM*K+0p1cb8Yp$FVP17
z9)Pjh1H>R!(}OH)*|iT5OOAW|$B2ye1a;^AJJsDlb^(kr+0->47CAIMSYl0Rmk=YW
z&*RS#dFMr~Y(MAMow3o5#=y?#dA|S{!>0Nn7CDehvxX7YZgM<R;U51kEU#Uu)}Fcc
zvwk1xiSEvz0miWD&LVOkmu4SQtc_>JuSC*<)|>2qR-2@}Ny=kqhHQP;qrn{=7X!b}
zFUGK84nFo6<UlUuv}>>?w0HA&@;8$aZ>+b*d+EdxFXhOA>MX{ds~2p>oZ^ohvEHDO
z)1gD!|N4Klw61Ji%1p>4U15?clX9`dWU9y{;gJ$yL{^A6$OsVvX(1|7LX?3;AxglM
T5Je#2NqB@O!Jnp#S;+nbsq**E

literal 0
Hc-jL100001

diff --git a/playground/spa-ts/src/App.vue b/playground/spa-ts/src/App.vue
new file mode 100644
index 00000000..b9643551
--- /dev/null
+++ b/playground/spa-ts/src/App.vue
@@ -0,0 +1,30 @@
+<template>
+  <div id="nav">
+    <router-link to="/">Home</router-link> |
+    <router-link to="/about">About</router-link>
+  </div>
+  <router-view/>
+</template>
+
+<style>
+#app {
+  font-family: Avenir, Helvetica, Arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  text-align: center;
+  color: #2c3e50;
+}
+
+#nav {
+  padding: 30px;
+}
+
+#nav a {
+  font-weight: bold;
+  color: #2c3e50;
+}
+
+#nav a.router-link-exact-active {
+  color: #42b983;
+}
+</style>
diff --git a/playground/spa-ts/src/assets/logo.png b/playground/spa-ts/src/assets/logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..f3d2503fc2a44b5053b0837ebea6e87a2d339a43
GIT binary patch
literal 6849
zc-nn=2Uru`)-Fh-DT-7nLI?zqPLL8LbRr;4np6QHK!gNH=-p7H_aa>oM5IWQ(2Mk<
zh#)O=LF7Za1`yCcc)su4|K8`^GtV=bS!>>R?KOL^wfEYSXal`FbhPZWWMpJ?TAJ#H
zr0c->Nli)mtu(93CtcV)HOxGX+#Ef9>@Wy26$iJ62%r|q&Iw_NuygS97(^(Lkx}p>
zjm<pGbamwI-B4n7=NK_xlsnn^p`hgJZfEa;@B}_YI3dw6&`wJS2#9omf$mG|O6a<)
zA)Jw#{uqRjzn-zZzl%N80i>h|RPdE289*UC?SQ^0S2R}M7Y6!cSDti#t`-LY|3Exl
zV4#0FWu|KYRCB{1fYM?zqV^J!w}7%xF-d6|S*WZC5JHm0CFH~*5~31Nd1)zm2?+4-
z14L>K<KQT7s1E<TEs_KSIeU7#%ZrQq`1pwVNQt>&oWv!eP^h>BL>vMUB_TwyerQiS
zUr{uc_a6)D2&_E@>F$YiLj%ucyN7OGo-h#TpI1P+>+1g7FdF-JN0GWr+}F-sTvALz
z9EB492aWYKL^%F;G}hS99U*Rrz`A*1>`CL{$os#V`tQ_pAjunfbvJu26aww3r49p;
zG-3`&2YDz|Mpab~t|BWVDI+PVA*~{JOG6H>Dk*adDk%d|m-~mSg~oc?q3sd>aFPFq
z3;nNLc{L2e&eIKJ?B?eB&*&LAyLq}{o!#7lYHC11T|0Xu`dq$w-nW0diohVf5e{&S
z8w&WRbL5f#!2ua*85KzgY0PDy5RwB@P)RwcoH|rO6)vZyaZ6SP^f%YxKfL(gT$TSX
zSDfUG`2RD~|ENgebAJ2pxFreyj(h}~6z&*OT$^&m36YVp-qKQ6G4`GPX6+JZ{mJXW
zy4OxCET8S_nl%+|qXOs5GJ=}C)G&BezxecP!7t~Dr5gLW@Dwu)&lQ@hJgm$0;RaDR
zn8IIPiUtTJBUPxcH9dZjL=8ap+@-V+=uB|>)^yN#sL<RVM9jPXv}WC72evuaqFCQ^
zw16EociKA3JCi#h3~Qx?Gtu^rxJv_QBN)^R4RC@?+Vl~sG(`r2DonKCDAhv1J;5~K
zzaIXrs&PJY`F%j7I{v+0-J8ORz3@cP<K_2ppPO@*ARn#H-|wf(qHgS33srqR3wU%8
ztk0wRg<5=N!YMn>ROc*s)h2HAL7(Em+UGIai%vd<{Zko6E47Kt9<h$F27DkPrh@r?
zg`FxIuixc2&(sdf_$a&C{8c_JjW-59lyg?s+@3N0Q-D1|O|R?u?oy8<@$5CHjdCeD
zVsLE}J0qXR1@0Fze13SP=!e%S&wJ@B4;7g2EoUQE4^sKz^mY7EsTRJ^zT*egeG9_`
zJVq{Sg|nYfaxV)9R{bpS+w4L_Lo{ZJ;t)Tqf2m(_fBsXBE#+|4J|}K)gZR>S9thR?
zIWagV8hk<E^R<Yb#Ip&Hh{Nh>*&}M3<+`ZJu;CAOs!t(nwHj=f;+H?{g?)FL$xk-x
z+@n4;xi40@wDMpZpP>O5zuC-mMc;}g-n9L%`jZzNykkoof#I)r&DH%dY(K3s1dY-v
z4KSyfYd!srHIeGgL;AVlIf*N8h6gsN1+y4FaJ3+(gaSLh+s8cYXR58PO5ckPl2Tk*
zL=&a2A)Y{7ThMG@Y}CI~J9hotC{o<+_L*t8>#C9RoX2n7+i))?_?Km$5f#Pa*TmGY
zvE81^1h;<Bo9dU8ku_9|7uvh-90@(=6gF;cT}&%U!{m}5nu!&oZ4SSq`a{eeI2<iO
zs22=%H*T?vO(!nCIC9R)6;nE3D=y|tB`kv@Vo&tIiyV5TL3N4D7q9!Om!{dAe17b!
zfXT(>z@UAqm`tXZF5OUdYc6n!CP*crmabO!-2^V_Y$XR|dF{$eDYIuQtc`wsoqEdF
z>b<cE5qh5PD>n0;S}niQYCNLfvK|2zAp%eGlGU@Al{!Y!3Jox1ISB&&Iso$EKH{qZ
z^4mUdXfqG*xj#ts8{;b~@73RQ57`h_IBNY!-^5_V;OLOvC{N$cpx7nLMsX11R}fLF
z#zqUK`s=j2fF1oFvn!vB4<+}{xvRmoT9~Mt{w?QPoRY**MXSy1AS^_CccE)=z#T>G
zI>M3Hh(F`UuoYIsOkqY#=5>b+_^S#$6dg0dY#yF84VXF<>-^GyF;!Ryl`^Z`-~7-M
zv+8`ji7s_}@V*cuGjWvND08ywv#X&#^=j7N-TavK@M$gMtiQs0qS65m^)8(bQ%p;G
zl#b7Z@%HQA!HmgKV8QF0_lfBZMo^*b5OoiGx~Wx{x~sokDgQzfH!BTf1bNe#hjeUF
zwbC&%?=9*Dj+XDZF0w*xl~_`Iys4P0*d^+C879@B8i^~sM%D^)?F8fjv=*&)Zs#}S
z$p;!6zL6J&t_E;H;k2v|lb=m3r`C1pm%JM&R?swE;t|HJuL@43Zr|i$WC+~;VoXe2
zOwxfDXjSupz25wablH<Wp3Q;Slv!?Bcw{~MW2P`x{vLiu&Tf5a)g)Oa%2lJf;ias^
zc)MenC!cMe=~DI({Wb?7nyO{vXSmll(;4h%i$?w`(T87zv@>5n|Cfo%eoA>7uXToZ
z0yD%Y&g#TSra<(~i^2fi6BcVvud21G_nC7zCr5YAQoX+QKIxU@GV$eX%%r7>P8Og%
zGaJI7od9b<k3XcjFpx{^y-l@^W}Ui{UBc~Kmj`{uX4mnS;<FOZsBW+Jb&09&)9<It
zzxJr!-KMA6tZck&z=E2hGh|4LDm&_(*l1!{rE9nWYOy%2-yhv6dRr1yYmwZY>ICQ3
z4J>`JS+8g(=ktBJ$EQdw)k*6S%z$O#qIKGUb>#`8WvL6CehJ<{<AIMsTsBJH*zu=8
zZG;-Utrx$2tzF6c4g-Ii-crfk4=$fD&jNbadzw7rH?U4;)hpA_FOOiJVMI)*rQZ{;
zV#S91a(&}abpxiwOvwQj9B-^)N$sqI{;m1OQ^@qNuS-X5;iUm4RwkFao7{sHWvlES
z(9$+K^>86VYc>0N5@0ffW-Ba?OzB~O(VVD2S)7#F_?@nObWDjzbpO#(*vCb_JHx{9
z3R5GBqTbMe+#%=wq0FT@kTK3NkJHBsN))8vP0WB+#x@5mw#rldV4u6y92%#9AC}#$
zf0c7V6Q~Jc%eraSuW;tlX(3=OJz`z{#2u{#v7j!DyR1?b=e^+N!!s6?kHV{`D8Jo!
zZKWEKj$3V-JEKv`wYm{+`fC<>^<xbVuiTv`SwOMAf~`uaTX?0@1#aUf;t=&MsQJp<
zDxp6>YGi(5zn{>NTMb|ZE)HT3)3@&y4TJ^CEms*bjE)x>`^RCItR6blJ2%~?kouG`
zy{-Z$P~%$r8+2DggKqKd<mw4o&4}BV1G6*MiTzXp!At&PK6e`LGQ1l<l06cA{}`*4
zJO=7ZQsw;;J(r0ixaOg*tAy^<-bj|S)$daidLX6zt4x(;aAxlg!e)azRU4CSK4KOW
zEysHBu{VljKvL9t<fmQu4^z(1Z`Y}GMk20^+`Hpu?oMTUjrEJ3;ykdH`LP1Nqm$1(
zV;cuj&yPI>jO`wUIa-=HaSdNPHan&4klw818+3;DZHGFuiT>pbzJw!7tUWVb4ZX2H
zH=JSU-k$4aF|EUM`t19fbA8|&b7Q&t!Mim_bisF19O^kOd*m`&($1JI@7xr|kxj*3
zrdwEL$@83@V&oe|bQA@Z<c(V-q@u{261&|-<ORqf78NINTdp%&Ce+xnZ57#QP2hmy
zbz2NGF}8V=5inz`c>zb0vYGU~=g|j6-Km@UKPg*(!hh|q(g*W8wK3!0lX7i32AQW6
zA5!Nfg~f?97u=WS6d&CZ9rys28{e$oF2qa(tNNjZo}<?7@ueJFv}SI-lHdI=IWkgq
zK`bVEb>GO{tE9#}MU|5#@x#P<DMA^wUll!q!y@8HvkAtY-`M|cYx9Ma3AfaMa}8dM
zn=vtspg~=jV1)7KH0pxPRyOFx@KC$65)?fOA+uj;nJ2%ehM1N<_2KQYkKXM(`sn~V
zy=44Lzfvn)KDnb?((y8w5B0cTQlx_InXk?_|MH*)v6Ndlvi*hXoOx+qgPG0J0I3K*
zwftC9z<B$KHj+K!RrutP^B!A!Y>Cb$$dR)}CV}T+^ix_C?2!eP%Z+23+BTq9Cs)OG
z$<kXegfe5$lRcvRIj@lozaXd(-m`zL)o*=tH;?V90A%I<()7i0fAG~2n`$ou5f!q+
z{kd>q?vfS=3rrHpB=LdnFi~lD5Wjvjav4`rEV}fRIjNzOH~JW`X?pmVN|I9bym)Q7
zN&5N&{+sc*tUefwoojJL*>@naV=pW1Q}X~%)Kebs=()+y!Ip<TjDRB<OD!wvcl*@B
zqt^WD`7Sopkvo~e24@4OThv*TYuB4h*tUwN194!>bwP2!<LyKK<jMgv_3Z*?-3wY$
zAJQOO0Tth#aO*A5buWS}68Z9$lxHvWT&^LlSaS}WR$Ieg7->8o#s9XyZDS?Zv~Ooq
zwnw#CGPEFx3Angw`=q_Qt~l!9wH%4-<g+u@6Vmm$50CD%%mhBO^ir9RjP~+=@I_wq
zvixln`^D5LbLB35mq~kunjpb`K+WU04Eg=c2B0|Ln3)iw`R!4bmqq4xgWZ`2!G@8b
z7eS@?AITDx!;&<n#O&)d`IA9IlQnY;fN3D4-puRme56dp_+JhCR)f${4yfK|vqo=<
z%RK|FR_W2rPL61RilS|ck%NXZac<P}x*r<kQ=Z*-btF07`yJUaXO230=+;Ep**j(W
zr2y9_e5R4U3PmfQC|2_(dHm|?`e3)@C>J(PKP){3%BXU)KXJ_~a^#_AM|SPc0pH>H
zd|F2OfO@h8aFN`{%C&LcywWc}PYnzbL!3@*k}13gu*vY{3u6=?BXz8Rlu;2&^%pzr
z0xIsYx_l=HHto;h?1|%$+G*`gX<j&dvs6-9B)t8AjJ<jC^%&sz27%YGApe(*w~<Pc
z0>0*uJ3HXcWdOb?aaw+&9zYI^5Q)7M^u6>KUO*$C@Y2J~1a7Ho2{eLRzF;48E@5;C
z-*QZ5Mu_ko#(7JXgXQ)d;!jLX;j#4>lg5Vf23uw(^Iiy0yUP+DM5kY@{dl2vJ%1j|
zAFmoDAo%fzX`>S<-P#)78<f)n=x>fnBbodw6z*%XM>LZkMs9VJM&nRN6!iSvC6#=~
z0KHWsui}TrB@wZ!#rIy0cDA~1j}17ly%6<%KbfAvOAR#2kG(~UPEj-`P_XUKSse1$
z6gADa1HClxX=>&V6kKqv@4R0Rke@h5v>wQp`TE%$#A|T2EX3^49SWMkW1II(g&6_L
zhQ0PHF)xHh+Z@@B!&FzB-hilT$M#`a^E+!p&WXvP#Wf7n5G`a3(vKM_0$OLvf!h^n
zO(J_u;lqdF0gNKg+r}p2GX$usQ@6a5Da<Rzn~M^0*p`FEPqpLCjhRa^!B{udopmou
z0ZkfEP-g<Uf6JZTH^U#T;rj|(mlpGGp&pMfG(%=v8CE-H^68H!ZiuFa+`G!G*pjxA
zoU3<|y|G!_MD=@xYjAw(B}IoRZshU+b`4fksW4T1@9WJ~{d~*xF>lt7Nb4rZ?9*_q
z`jTs_KmrOReEo3hZ0&}zRjQgFI%PY-`6J7z-;>q)i})G&X8<U9`>2daO^RKqm*%}T
zDGcAJ#uV+0^Qb1Go}Z&~q_Drb=gD(*+_NK@7*~xxUQ7n%1TjKIdnkGWvCK^s=wK83
zO)8MJH7<mgChnzhy;(>Xv1p)Fve}|wv&2>-@zl%08%N$w`K@jVInRp9N@Z}^PJ(X5
z>eM~X8NyQN*DFj7IM3Wkjc2(zXACD81N`E*c#`$kk|D>eo-^<0!rK)p_}lEb&n`8C
z_4Sn;hAn7n$pT{mBC=1BY2l@H$?HVswI7@15DVfvolVmovDB=3gpPJn#IhiP<xh&}
zKT+^8Z%&eAf!p#vw{{F<Quy4^n^D8yaP5ePaC=|=$TUCpThnmMs>A4;8Ruojz}U6+
zI=}u5(VHqPi98-$CTmUe59Dn#L8A!nrC8EFiMPq^?8&~t-o9$m`Q8j_``VxyLvt~c
zI%(Z>D&Bg|C6Gbnc~D<Q8AI_#fn3tMy!Yp@1lP4DIDA+UxIq_a$cA#cwrbt51)}<P
zM|d^wk{>#923v}#KkLg>ukuE;h~5Qj<~hRPy?zK||D^RRNj}<?b?{I17Xwj8WH#Y?
zn?t$jt{|LFO^}g;Fzyy@nD@#1LCOxFsPVOLjWU7sxed0dqH18x8+%d>_cg9e^NhB&
zCgKj*pTY~X8$w^3OWdxG3R-^*36OJ37fl3^uMS}eu0$)o&#pc4q80cR7rPX)DHf6E
z)|ve=8TWCmJwz;ND%TVmr8AW#72R)sm?04Lm?=vbdRT|%qjF#vpAaMo&Z9GhY`ROk
z5js<L73z+*>aM`k_P!7ez0YxAF}SajlqhJzJ;YJXeQEG^OBn5ax?(AdAHFw|i>2;2
zQdWV@-~r{L!eC9x#=Naix!13tvPtme5j|eNO5|GQkn{0eW8{(*zhKVoeXFj0J$mC<
zx|P;fL)ZWcsUO<R16UWcFpnzj6unJiOvc#IT*-?F>I({k4R_9qwPLav?EMM%S-iZ2
zEW~1L#`$o%mItg!OoB$3Mc>?uigBSDyy=Vl)zK@Hm2}FYfYr;*5t6Sg2SA|<wgjHq
z@`!Iu>pu6EKeqScK_+aX1((*DNL~Cylo1>Sw3XeZ@p#a?A!HfH+WJ_7G(Wu%UBW(H
z6ES*-sQ=98fe!{#$0vsdGSr#49@fh|YMB+|vl^(D)>;f$;*`r=3Iyk%%mq~dD|cMo
zVh)Ceuwl|cOd>YQ>=BP<FZ>dH&qJD@rWdDlm|x9MgRt&q>FeId8(by_>FcI-V-Mq5
z3)HIPyshg@UO4g%9JscCQveKRA!`gmBX{yG-@%7F_7KC)K7?su6%489ZNn*K{_bX~
zB(N1XC#U{+pVSbVC_Uc%_5NV`Se08}%tQsiFA<e<K2vHgK=X_ni+-<KUYrpPbQcLu
z9SFMF_^!{2CWSXJb1SNc{I(&zGW%wMKTadkdyF?h5;E&ivsp?1*)sbLgS3=NW2(L^
zX}<;>-NMgcodOE(1%=>T>(7c1^-&%gG%5NDLqy9z`6+Ix-E}NgG5)Fwzp~>VN2(o#
zW%`N%gW^@J8_bgkW>lZ~=&>1TRd49LORBlD8<c4b^;<_8?vi5P%YqdnT=TQhq{*9E
zLb2PYX6}b+i>qroP?s$0Y!&IZ4fJa(Q(!%>Xl&U~8mmWoG_|&zjszi0=M}&0tS#gE
zeXHxg`kY8R151<+i5A{6O^iOEE!XT5GH!fTFxOrrc^W@TO1bU28dsX535!m`LTS$%
z5Tj(%K>kUu(Z|GQg_y*s8vzw=CA8y@0LNg$CD*Aaj%wccw<UMqDP4Sx_wVYfMl2a_
zs(hJnNYUHL-dIq#F9i%<39)UlSqaTs;gim)>_3z7)=pyS#Ls9KKNZ%NaV!QP>6B%I
zQYTNKpZPhYz?zqqADe!Ih*aPGsa(F$N?3^qX`2j*PiAoNK8-1EV@-}Ib&X2{ipKHK
zJ??|kKyDN3=F9Akn6~R{?%@Q#l1h(Tm&fHC>{YetFVY(()B!({bD(t6fb2M=LLZTX
zE-bpso}Cgrpkr3b^WnOnievxIG#7IDB&4TLxe$=WoFh07dHKnp;jqd8mrKv<DvMtV
zT6Ep9E(AbtZaWePs)sF83w5eA5T}Z%0F!h6xa;Vf&LBmn9TO5?Hu5`HIxuEtkA={t
z8yIpp8(=J`!g86fL}4=g&?}CQA7+AEy^=bij*L(2jwdcKX(wse3lKJSJ(XS)0t^LJ
z9z|~cc#w8(!KFbUdr2|B`mo3VH^Ir_{3RUer{cP!QV1x!bftDa!~VBh-QhFRvo|Sp
z>mPQOb5kv8QW$~jMqF!699oasg}|EQ%dD>AUj`OgD@SR;n%&iUK_)ms$9@;rt81O3
zPbyxYEB8cG+N|t9{(NbGbHF`!wFI2td;bWL+_i1IA71-ZxRGFAt{WEo@k)dsg*)}@
z`&n#&`^so(c@?b5wJS#OCJ%PSw+p5LSCW2IB!4%T25ZLJ$JEZZV^e>S9KII&Wah!U
zrRLYOF2W>CO_fGf8Q`7>wRjC|p>q?4eqCmOTcwQuXtQckPy|4F1on8lP*h>d+cH#X
zQf|+6c|S{7SF(LwNJ25teDYyUrX#YGoI>yM5%T48eG*}K5-y-(co530ouso%Nl0MN
zcY6XWRi*iOs}ud#XKA@nIq7xu0V(qOuYcm_?sp6jiy$pp?%af&*rT%?A}1|4>dLg2
zZ505ip)lGIK;A(>g_IlMZowvHzsi!D65Hb<H286Ly!!<&1R&Yw-g-M+>Az9aFGLE(
z2wDOiR&JXzpn}vM#y4#%oiXrt4D1|eUSYZ9L!#eZLNr)Q1-1_dmm1*e6%?WGpKczh
zlK?cN9QB{;z|W4Je@gDPPD6Ln&vY<fSaP9OS6R%s6qd>-gftbbk1hF6-<bc`2k8G>
g1!6qyAfq4?0<MM0uit)l{-=_bhMszrsx9t+0EWk>x&QzG

literal 0
Hc-jL100001

diff --git a/playground/spa-ts/src/components/HelloWorld.vue b/playground/spa-ts/src/components/HelloWorld.vue
new file mode 100644
index 00000000..2dac5234
--- /dev/null
+++ b/playground/spa-ts/src/components/HelloWorld.vue
@@ -0,0 +1,54 @@
+<template>
+  <h1>{{ msg }}</h1>
+
+  <p>
+    Recommended IDE setup:
+    <a href="https://code.visualstudio.com/" target="_blank">VSCode</a>
+    +
+    <a href="https://github.com/johnsoncodehk/volar" target="_blank">Volar</a>
+  </p>
+
+  <p>See <code>README.md</code> for more information.</p>
+
+  <p>
+    <a href="https://vitejs.dev/guide/features.html" target="_blank">
+      Vite Docs
+    </a>
+    |
+    <a href="https://v3.vuejs.org/" target="_blank">Vue 3 Docs</a>
+  </p>
+
+  <button type="button" @click="count++">count is: {{ count }}</button>
+  <p>
+    Edit
+    <code>components/HelloWorld.vue</code> to test hot module replacement.
+  </p>
+</template>
+
+<script setup lang="ts">
+import { ref } from 'vue'
+
+defineProps<{
+  msg: String,
+}>()
+
+const count = ref(0)
+</script>
+
+<style scoped>
+a {
+  color: #42b983;
+}
+
+label {
+  margin: 0 0.5em;
+  font-weight: bold;
+}
+
+code {
+  background-color: #eee;
+  padding: 2px 4px;
+  border-radius: 4px;
+  color: #304455;
+}
+</style>
diff --git a/playground/spa-ts/src/main.ts b/playground/spa-ts/src/main.ts
new file mode 100644
index 00000000..ab55e6d5
--- /dev/null
+++ b/playground/spa-ts/src/main.ts
@@ -0,0 +1,12 @@
+import { createApp } from 'vue'
+import App from './App.vue'
+
+import router from './router'
+import store from './store'
+
+const app = createApp(App)
+
+app.use(router)
+app.use(store)
+
+app.mount('#app')
diff --git a/playground/spa-ts/src/router/index.ts b/playground/spa-ts/src/router/index.ts
new file mode 100644
index 00000000..06036285
--- /dev/null
+++ b/playground/spa-ts/src/router/index.ts
@@ -0,0 +1,27 @@
+import { createRouter, createWebHistory } from 'vue-router'
+import type { RouteRecordRaw } from 'vue-router'
+
+import Home from '../views/Home.vue'
+
+const routes: Array<RouteRecordRaw> = [
+  {
+    path: '/',
+    name: 'Home',
+    component: Home
+  },
+  {
+    path: '/about',
+    name: 'About',
+    // route level code-splitting
+    // this generates a separate chunk (About.[hash].js) for this route
+    // which is lazy-loaded when the route is visited.
+    component: () => import('../views/About.vue')
+  }
+]
+
+const router = createRouter({
+  history: createWebHistory(import.meta.env.BASE_URL),
+  routes
+})
+
+export default router
diff --git a/playground/spa-ts/src/shims-vue.d.ts b/playground/spa-ts/src/shims-vue.d.ts
new file mode 100644
index 00000000..ec4f1b2e
--- /dev/null
+++ b/playground/spa-ts/src/shims-vue.d.ts
@@ -0,0 +1,6 @@
+declare module '*.vue' {
+  import { DefineComponent } from 'vue'
+  // eslint-disable-next-line
+  const component: DefineComponent<{}, {}, any>
+  export default component
+}
diff --git a/playground/spa-ts/src/store/index.ts b/playground/spa-ts/src/store/index.ts
new file mode 100644
index 00000000..5f05f193
--- /dev/null
+++ b/playground/spa-ts/src/store/index.ts
@@ -0,0 +1,12 @@
+import { createStore } from 'vuex'
+
+export default createStore({
+  state: {
+  },
+  mutations: {
+  },
+  actions: {
+  },
+  modules: {
+  }
+})
diff --git a/playground/spa-ts/src/views/About.vue b/playground/spa-ts/src/views/About.vue
new file mode 100644
index 00000000..3fa28070
--- /dev/null
+++ b/playground/spa-ts/src/views/About.vue
@@ -0,0 +1,5 @@
+<template>
+  <div class="about">
+    <h1>This is an about page</h1>
+  </div>
+</template>
diff --git a/playground/spa-ts/src/views/Home.vue b/playground/spa-ts/src/views/Home.vue
new file mode 100644
index 00000000..4ade1db6
--- /dev/null
+++ b/playground/spa-ts/src/views/Home.vue
@@ -0,0 +1,19 @@
+<template>
+  <img alt="Vue logo" src="@/assets/logo.png" />
+  <HelloWorld msg="Hello Vue 3 + TypeScript + Vite" />
+</template>
+
+<script setup lang="ts">
+import HelloWorld from '@/components/HelloWorld.vue'
+</script>
+
+<style>
+#app {
+  font-family: Avenir, Helvetica, Arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  text-align: center;
+  color: #2c3e50;
+  margin-top: 60px;
+}
+</style>
diff --git a/playground/spa-ts/src/vite-env.d.ts b/playground/spa-ts/src/vite-env.d.ts
new file mode 100644
index 00000000..11f02fe2
--- /dev/null
+++ b/playground/spa-ts/src/vite-env.d.ts
@@ -0,0 +1 @@
+/// <reference types="vite/client" />
diff --git a/playground/spa-ts/tsconfig.json b/playground/spa-ts/tsconfig.json
new file mode 100644
index 00000000..d3adf1bf
--- /dev/null
+++ b/playground/spa-ts/tsconfig.json
@@ -0,0 +1,30 @@
+{
+  "compilerOptions": {
+    "baseUrl": "./",
+    "target": "esnext",
+    "useDefineForClassFields": true,
+    "module": "esnext",
+    "moduleResolution": "node",
+    "strict": true,
+    "jsx": "preserve",
+    "sourceMap": true,
+    "resolveJsonModule": true,
+    "esModuleInterop": true,
+    "paths": {
+      "@/*": [
+        "src/*"
+      ]
+    },
+    "lib": ["esnext", "dom", "dom.iterable", "scripthost"],
+    "skipLibCheck": true
+  },
+  "include": [
+    "vite.config.*",
+
+    "src/**/*",
+    "src/**/*.vue"
+  ],
+  "exclude": [
+    "src/**/__tests__/**"
+  ]
+}
diff --git a/playground/spa-ts/vite.config.ts b/playground/spa-ts/vite.config.ts
new file mode 100644
index 00000000..8ae6fd07
--- /dev/null
+++ b/playground/spa-ts/vite.config.ts
@@ -0,0 +1,13 @@
+import { defineConfig } from 'vite'
+import vue from '@vitejs/plugin-vue'
+import vueJsx from '@vitejs/plugin-vue-jsx'
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  plugins: [vue(), vueJsx()],
+  resolve: {
+    alias: {
+      '@/': new URL('./src/', import.meta.url).pathname,
+    },
+  }
+})
diff --git a/playground/spa-with-tests/.gitignore b/playground/spa-with-tests/.gitignore
new file mode 100644
index 00000000..133da84e
--- /dev/null
+++ b/playground/spa-with-tests/.gitignore
@@ -0,0 +1,27 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+.DS_Store
+dist
+dist-ssr
+*.local
+
+/cypress/videos/
+/cypress/screenshots/
+
+# Editor directories and files
+.vscode
+!.vscode/extensions.json
+.idea
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
diff --git a/playground/spa-with-tests/README.md b/playground/spa-with-tests/README.md
new file mode 100644
index 00000000..e69de29b
diff --git a/playground/spa-with-tests/cypress.json b/playground/spa-with-tests/cypress.json
new file mode 100644
index 00000000..3d372252
--- /dev/null
+++ b/playground/spa-with-tests/cypress.json
@@ -0,0 +1,7 @@
+{
+  "baseUrl": "http://localhost:5050",
+  "component": {
+    "componentFolder": "src",
+    "testFiles": "**/__tests__/*.spec.{js,ts,jsx,tsx}"
+  }
+}
diff --git a/playground/spa-with-tests/cypress/fixtures/example.json b/playground/spa-with-tests/cypress/fixtures/example.json
new file mode 100644
index 00000000..02e42543
--- /dev/null
+++ b/playground/spa-with-tests/cypress/fixtures/example.json
@@ -0,0 +1,5 @@
+{
+  "name": "Using fixtures to represent data",
+  "email": "hello@cypress.io",
+  "body": "Fixtures are a great way to mock data for responses to routes"
+}
diff --git a/playground/spa-with-tests/cypress/integration/example.spec.js b/playground/spa-with-tests/cypress/integration/example.spec.js
new file mode 100644
index 00000000..ec952ec4
--- /dev/null
+++ b/playground/spa-with-tests/cypress/integration/example.spec.js
@@ -0,0 +1,13 @@
+// https://docs.cypress.io/api/introduction/api.html
+
+describe('My First Test', () => {
+  it('visits the app root url', () => {
+    cy.visit('/')
+    cy.contains('h1', 'Hello Vue 3 + Vite')
+  })
+
+  it('navigates to the about page', () => {
+    cy.visit('/about')
+    cy.contains('h1', 'This is an about page')
+  })
+})
diff --git a/playground/spa-with-tests/cypress/jsconfig.json b/playground/spa-with-tests/cypress/jsconfig.json
new file mode 100644
index 00000000..b5b2f972
--- /dev/null
+++ b/playground/spa-with-tests/cypress/jsconfig.json
@@ -0,0 +1,8 @@
+{
+  "compilerOptions": {
+    "target": "es5",
+    "lib": ["es5", "dom"],
+    "types": ["cypress"]
+  },
+  "include": ["./**/*"]
+}
diff --git a/playground/spa-with-tests/cypress/plugins/index.js b/playground/spa-with-tests/cypress/plugins/index.js
new file mode 100644
index 00000000..ad2e351d
--- /dev/null
+++ b/playground/spa-with-tests/cypress/plugins/index.js
@@ -0,0 +1,28 @@
+/// <reference types="cypress" />
+// ***********************************************************
+// This example plugins/index.js can be used to load plugins
+//
+// You can change the location of this file or turn off loading
+// the plugins file with the 'pluginsFile' configuration option.
+//
+// You can read more here:
+// https://on.cypress.io/plugins-guide
+// ***********************************************************
+
+// This function is called when a project is opened or re-opened (e.g. due to
+// the project's config changing)
+
+const { startDevServer } = require('@cypress/vite-dev-server')
+
+/**
+ * @type {Cypress.PluginConfig}
+ */
+// eslint-disable-next-line no-unused-vars
+module.exports = (on, config) => {
+  // `on` is used to hook into various events Cypress emits
+  // `config` is the resolved Cypress config
+  on('dev-server:start', (options) => {
+    return startDevServer({ options })
+  })
+  return config
+}
diff --git a/playground/spa-with-tests/cypress/support/commands.js b/playground/spa-with-tests/cypress/support/commands.js
new file mode 100644
index 00000000..119ab03f
--- /dev/null
+++ b/playground/spa-with-tests/cypress/support/commands.js
@@ -0,0 +1,25 @@
+// ***********************************************
+// This example commands.js shows you how to
+// create various custom commands and overwrite
+// existing commands.
+//
+// For more comprehensive examples of custom
+// commands please read more here:
+// https://on.cypress.io/custom-commands
+// ***********************************************
+//
+//
+// -- This is a parent command --
+// Cypress.Commands.add('login', (email, password) => { ... })
+//
+//
+// -- This is a child command --
+// Cypress.Commands.add('drag', { prevSubject: 'element'}, (subject, options) => { ... })
+//
+//
+// -- This is a dual command --
+// Cypress.Commands.add('dismiss', { prevSubject: 'optional'}, (subject, options) => { ... })
+//
+//
+// -- This will overwrite an existing command --
+// Cypress.Commands.overwrite('visit', (originalFn, url, options) => { ... })
diff --git a/playground/spa-with-tests/cypress/support/index.js b/playground/spa-with-tests/cypress/support/index.js
new file mode 100644
index 00000000..d68db96d
--- /dev/null
+++ b/playground/spa-with-tests/cypress/support/index.js
@@ -0,0 +1,20 @@
+// ***********************************************************
+// This example support/index.js is processed and
+// loaded automatically before your test files.
+//
+// This is a great place to put global configuration and
+// behavior that modifies Cypress.
+//
+// You can change the location of this file or turn off
+// automatically serving support files with the
+// 'supportFile' configuration option.
+//
+// You can read more here:
+// https://on.cypress.io/configuration
+// ***********************************************************
+
+// Import commands.js using ES2015 syntax:
+import './commands'
+
+// Alternatively you can use CommonJS syntax:
+// require('./commands')
diff --git a/playground/spa-with-tests/index.html b/playground/spa-with-tests/index.html
new file mode 100644
index 00000000..11603f87
--- /dev/null
+++ b/playground/spa-with-tests/index.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" href="/favicon.ico" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Vite App</title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/src/main.ts"></script>
+  </body>
+</html>
diff --git a/playground/spa-with-tests/jsconfig.json b/playground/spa-with-tests/jsconfig.json
new file mode 100644
index 00000000..d3adf1bf
--- /dev/null
+++ b/playground/spa-with-tests/jsconfig.json
@@ -0,0 +1,30 @@
+{
+  "compilerOptions": {
+    "baseUrl": "./",
+    "target": "esnext",
+    "useDefineForClassFields": true,
+    "module": "esnext",
+    "moduleResolution": "node",
+    "strict": true,
+    "jsx": "preserve",
+    "sourceMap": true,
+    "resolveJsonModule": true,
+    "esModuleInterop": true,
+    "paths": {
+      "@/*": [
+        "src/*"
+      ]
+    },
+    "lib": ["esnext", "dom", "dom.iterable", "scripthost"],
+    "skipLibCheck": true
+  },
+  "include": [
+    "vite.config.*",
+
+    "src/**/*",
+    "src/**/*.vue"
+  ],
+  "exclude": [
+    "src/**/__tests__/**"
+  ]
+}
diff --git a/playground/spa-with-tests/package.json b/playground/spa-with-tests/package.json
new file mode 100644
index 00000000..443e5f8b
--- /dev/null
+++ b/playground/spa-with-tests/package.json
@@ -0,0 +1,29 @@
+{
+  "name": "spa-with-tests",
+  "version": "0.0.0",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "preserve": "vite build",
+    "serve": "vite preview --port 5050",
+    "test:unit": "cypress open-ct",
+    "test:unit:ci": "cypress run-ct --quiet --reporter spec",
+    "test:e2e": "start-server-and-test serve 5050 'cypress open'",
+    "test:e2e:ci": "start-server-and-test serve 5050 'cypress run'"
+  },
+  "dependencies": {
+    "vue": "^3.1.5",
+    "vue-router": "^4.0.10",
+    "vuex": "^4.0.2"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-vue": "^1.2.5",
+    "@vitejs/plugin-vue-jsx": "^1.1.6",
+    "@vue/compiler-sfc": "^3.1.5",
+    "vite": "^2.4.3",
+    "@cypress/vite-dev-server": "^2.0.2",
+    "@cypress/vue": "^3.0.1",
+    "cypress": "^8.0.0",
+    "start-server-and-test": "^1.12.6"
+  }
+}
\ No newline at end of file
diff --git a/playground/spa-with-tests/public/favicon.ico b/playground/spa-with-tests/public/favicon.ico
new file mode 100644
index 0000000000000000000000000000000000000000..df36fcfb72584e00488330b560ebcf34a41c64c2
GIT binary patch
literal 4286
zc-q~UO-NKx6vyu*Vj+`4)S?!;bXAL*8OO4jfgrOFtOP;wW2`J?iWIaDl9|3-1{t(4
zS0U0O3ZqC{nTsL8l}k73B3CX35*lQf+xfqDUcI^RK2sYf=ncQ&&bjBD|2^m4dGkgH
z54|cY1>VK$av}B!A*u*6iLfy3##Ju<o9od;B!_>beV8fe8d$HC7-vcgrEjafnfSpp
z7pe!Wv!9qDBs0UdLe+kc$lCO?Y}>XT*t8E43pQ<w1)kfMHE`ZyVpyYXG0Z;OReK$g
zT1P*{K6&i{=PM^B*3q_@VBdV#-bt)&K!1&W^U?#(Q%TG@v?dwn8s<1AAKD&bP^W!=
zG-TkihCz<~+r9^gWi|i94-wfN3mRao(O>4+E$sux?IOl>wcmbTE8EWa3@~=-!5HV*
zYV8+@RaHCjHY_`%)v~qDXMizmnl-F)j!pG|{r3{ny4ri69Fwi5d^y18(t~Nvwb|Nx
zh>WT|Fcy-Rn*wI-mOhPP!<=Rf8P2t#9<W~(G4H75Q$*hAugTT6tpRiJ(ez-Rb8bYt
zh#1oK{qD=-vc19Ys*gGNxa`9a=l)aQ!^Daj|KNRCc69}1%SnwkgE{!XSEIkexwZSi
zb}v6qIco2FO5eBB?%Edcfv-ys##zIy_7)<oYRBJ%<<*vev+wo3ZwAUfz!x!^HKbW1
zrw9D`05PlkO}Q06s;f0a_nw;oV|5-eF27H+tfkgIpgdEV_xM*K+0p1cb8Yp$FVP17
z9)Pjh1H>R!(}OH)*|iT5OOAW|$B2ye1a;^AJJsDlb^(kr+0->47CAIMSYl0Rmk=YW
z&*RS#dFMr~Y(MAMow3o5#=y?#dA|S{!>0Nn7CDehvxX7YZgM<R;U51kEU#Uu)}Fcc
zvwk1xiSEvz0miWD&LVOkmu4SQtc_>JuSC*<)|>2qR-2@}Ny=kqhHQP;qrn{=7X!b}
zFUGK84nFo6<UlUuv}>>?w0HA&@;8$aZ>+b*d+EdxFXhOA>MX{ds~2p>oZ^ohvEHDO
z)1gD!|N4Klw61Ji%1p>4U15?clX9`dWU9y{;gJ$yL{^A6$OsVvX(1|7LX?3;AxglM
T5Je#2NqB@O!Jnp#S;+nbsq**E

literal 0
Hc-jL100001

diff --git a/playground/spa-with-tests/src/App.vue b/playground/spa-with-tests/src/App.vue
new file mode 100644
index 00000000..b9643551
--- /dev/null
+++ b/playground/spa-with-tests/src/App.vue
@@ -0,0 +1,30 @@
+<template>
+  <div id="nav">
+    <router-link to="/">Home</router-link> |
+    <router-link to="/about">About</router-link>
+  </div>
+  <router-view/>
+</template>
+
+<style>
+#app {
+  font-family: Avenir, Helvetica, Arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  text-align: center;
+  color: #2c3e50;
+}
+
+#nav {
+  padding: 30px;
+}
+
+#nav a {
+  font-weight: bold;
+  color: #2c3e50;
+}
+
+#nav a.router-link-exact-active {
+  color: #42b983;
+}
+</style>
diff --git a/playground/spa-with-tests/src/assets/logo.png b/playground/spa-with-tests/src/assets/logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..f3d2503fc2a44b5053b0837ebea6e87a2d339a43
GIT binary patch
literal 6849
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

literal 0
Hc-jL100001

diff --git a/playground/spa-with-tests/src/components/HelloWorld.vue b/playground/spa-with-tests/src/components/HelloWorld.vue
new file mode 100644
index 00000000..51f81a8f
--- /dev/null
+++ b/playground/spa-with-tests/src/components/HelloWorld.vue
@@ -0,0 +1,57 @@
+<template>
+  <h1>{{ msg }}</h1>
+
+  <p>
+    Recommended IDE setup:
+    <a href="https://code.visualstudio.com/" target="_blank">VSCode</a>
+    +
+    <a href="https://github.com/johnsoncodehk/volar" target="_blank">Volar</a>
+  </p>
+
+  <p>See <code>README.md</code> for more information.</p>
+
+  <p>
+    <a href="https://vitejs.dev/guide/features.html" target="_blank">
+      Vite Docs
+    </a>
+    |
+    <a href="https://v3.vuejs.org/" target="_blank">Vue 3 Docs</a>
+  </p>
+
+  <button type="button" @click="count++">count is: {{ count }}</button>
+  <p>
+    Edit
+    <code>components/HelloWorld.vue</code> to test hot module replacement.
+  </p>
+</template>
+
+<script setup>
+import { ref } from 'vue'
+
+defineProps({
+  msg: {
+    type: String,
+    required: true
+  }
+})
+
+const count = ref(0)
+</script>
+
+<style scoped>
+a {
+  color: #42b983;
+}
+
+label {
+  margin: 0 0.5em;
+  font-weight: bold;
+}
+
+code {
+  background-color: #eee;
+  padding: 2px 4px;
+  border-radius: 4px;
+  color: #304455;
+}
+</style>
diff --git a/playground/spa-with-tests/src/components/__tests__/HelloWorld.spec.js b/playground/spa-with-tests/src/components/__tests__/HelloWorld.spec.js
new file mode 100644
index 00000000..087c9561
--- /dev/null
+++ b/playground/spa-with-tests/src/components/__tests__/HelloWorld.spec.js
@@ -0,0 +1,22 @@
+import { mount } from '@cypress/vue'
+import HelloWorld from '../HelloWorld.vue'
+
+describe('HelloWorld', () => {
+  it('playground', () => {
+    mount(HelloWorld, { props: { msg: 'Hello Cypress' } })
+  })
+
+  it('renders properly', () => {
+    mount(HelloWorld, { props: { msg: 'Hello Cypress' } })
+    cy.get('h1').should('contain', 'Hello Cypress')
+  })
+
+  it('adds 1 when clicking the plus button', () => {
+    mount(HelloWorld, { props: { msg: 'Hello Cypress' } })
+    
+    cy.get('button')
+      .should('contain', '0')
+      .click()
+      .should('contain', '1')
+  })
+})
diff --git a/playground/spa-with-tests/src/main.js b/playground/spa-with-tests/src/main.js
new file mode 100644
index 00000000..ab55e6d5
--- /dev/null
+++ b/playground/spa-with-tests/src/main.js
@@ -0,0 +1,12 @@
+import { createApp } from 'vue'
+import App from './App.vue'
+
+import router from './router'
+import store from './store'
+
+const app = createApp(App)
+
+app.use(router)
+app.use(store)
+
+app.mount('#app')
diff --git a/playground/spa-with-tests/src/router/index.js b/playground/spa-with-tests/src/router/index.js
new file mode 100644
index 00000000..26bf8e7e
--- /dev/null
+++ b/playground/spa-with-tests/src/router/index.js
@@ -0,0 +1,25 @@
+import { createRouter, createWebHistory } from 'vue-router'
+import Home from '../views/Home.vue'
+
+const routes = [
+  {
+    path: '/',
+    name: 'Home',
+    component: Home
+  },
+  {
+    path: '/about',
+    name: 'About',
+    // route level code-splitting
+    // this generates a separate chunk (About.[hash].js) for this route
+    // which is lazy-loaded when the route is visited.
+    component: () => import('../views/About.vue')
+  }
+]
+
+const router = createRouter({
+  history: createWebHistory(import.meta.env.BASE_URL),
+  routes
+})
+
+export default router
diff --git a/playground/spa-with-tests/src/shims-vue.d.ts b/playground/spa-with-tests/src/shims-vue.d.ts
new file mode 100644
index 00000000..ec4f1b2e
--- /dev/null
+++ b/playground/spa-with-tests/src/shims-vue.d.ts
@@ -0,0 +1,6 @@
+declare module '*.vue' {
+  import { DefineComponent } from 'vue'
+  // eslint-disable-next-line
+  const component: DefineComponent<{}, {}, any>
+  export default component
+}
diff --git a/playground/spa-with-tests/src/store/index.js b/playground/spa-with-tests/src/store/index.js
new file mode 100644
index 00000000..5f05f193
--- /dev/null
+++ b/playground/spa-with-tests/src/store/index.js
@@ -0,0 +1,12 @@
+import { createStore } from 'vuex'
+
+export default createStore({
+  state: {
+  },
+  mutations: {
+  },
+  actions: {
+  },
+  modules: {
+  }
+})
diff --git a/playground/spa-with-tests/src/views/About.vue b/playground/spa-with-tests/src/views/About.vue
new file mode 100644
index 00000000..3fa28070
--- /dev/null
+++ b/playground/spa-with-tests/src/views/About.vue
@@ -0,0 +1,5 @@
+<template>
+  <div class="about">
+    <h1>This is an about page</h1>
+  </div>
+</template>
diff --git a/playground/spa-with-tests/src/views/Home.vue b/playground/spa-with-tests/src/views/Home.vue
new file mode 100644
index 00000000..d74dda2c
--- /dev/null
+++ b/playground/spa-with-tests/src/views/Home.vue
@@ -0,0 +1,19 @@
+<template>
+  <img alt="Vue logo" src="@/assets/logo.png" />
+  <HelloWorld msg="Hello Vue 3 + Vite" />
+</template>
+
+<script setup>
+import HelloWorld from '@/components/HelloWorld.vue'
+</script>
+
+<style>
+#app {
+  font-family: Avenir, Helvetica, Arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  text-align: center;
+  color: #2c3e50;
+  margin-top: 60px;
+}
+</style>
diff --git a/playground/spa-with-tests/src/vite-env.d.ts b/playground/spa-with-tests/src/vite-env.d.ts
new file mode 100644
index 00000000..11f02fe2
--- /dev/null
+++ b/playground/spa-with-tests/src/vite-env.d.ts
@@ -0,0 +1 @@
+/// <reference types="vite/client" />
diff --git a/playground/spa-with-tests/vite.config.js b/playground/spa-with-tests/vite.config.js
new file mode 100644
index 00000000..8ae6fd07
--- /dev/null
+++ b/playground/spa-with-tests/vite.config.js
@@ -0,0 +1,13 @@
+import { defineConfig } from 'vite'
+import vue from '@vitejs/plugin-vue'
+import vueJsx from '@vitejs/plugin-vue-jsx'
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  plugins: [vue(), vueJsx()],
+  resolve: {
+    alias: {
+      '@/': new URL('./src/', import.meta.url).pathname,
+    },
+  }
+})
diff --git a/playground/spa/.gitignore b/playground/spa/.gitignore
new file mode 100644
index 00000000..133da84e
--- /dev/null
+++ b/playground/spa/.gitignore
@@ -0,0 +1,27 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+.DS_Store
+dist
+dist-ssr
+*.local
+
+/cypress/videos/
+/cypress/screenshots/
+
+# Editor directories and files
+.vscode
+!.vscode/extensions.json
+.idea
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
diff --git a/playground/spa/README.md b/playground/spa/README.md
new file mode 100644
index 00000000..e69de29b
diff --git a/playground/spa/index.html b/playground/spa/index.html
new file mode 100644
index 00000000..11603f87
--- /dev/null
+++ b/playground/spa/index.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" href="/favicon.ico" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Vite App</title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/src/main.ts"></script>
+  </body>
+</html>
diff --git a/playground/spa/jsconfig.json b/playground/spa/jsconfig.json
new file mode 100644
index 00000000..d3adf1bf
--- /dev/null
+++ b/playground/spa/jsconfig.json
@@ -0,0 +1,30 @@
+{
+  "compilerOptions": {
+    "baseUrl": "./",
+    "target": "esnext",
+    "useDefineForClassFields": true,
+    "module": "esnext",
+    "moduleResolution": "node",
+    "strict": true,
+    "jsx": "preserve",
+    "sourceMap": true,
+    "resolveJsonModule": true,
+    "esModuleInterop": true,
+    "paths": {
+      "@/*": [
+        "src/*"
+      ]
+    },
+    "lib": ["esnext", "dom", "dom.iterable", "scripthost"],
+    "skipLibCheck": true
+  },
+  "include": [
+    "vite.config.*",
+
+    "src/**/*",
+    "src/**/*.vue"
+  ],
+  "exclude": [
+    "src/**/__tests__/**"
+  ]
+}
diff --git a/playground/spa/package.json b/playground/spa/package.json
new file mode 100644
index 00000000..a98131e1
--- /dev/null
+++ b/playground/spa/package.json
@@ -0,0 +1,21 @@
+{
+  "name": "spa",
+  "version": "0.0.0",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "preserve": "vite build",
+    "serve": "vite preview --port 5050"
+  },
+  "dependencies": {
+    "vue": "^3.1.5",
+    "vue-router": "^4.0.10",
+    "vuex": "^4.0.2"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-vue": "^1.2.5",
+    "@vitejs/plugin-vue-jsx": "^1.1.6",
+    "@vue/compiler-sfc": "^3.1.5",
+    "vite": "^2.4.3"
+  }
+}
\ No newline at end of file
diff --git a/playground/spa/public/favicon.ico b/playground/spa/public/favicon.ico
new file mode 100644
index 0000000000000000000000000000000000000000..df36fcfb72584e00488330b560ebcf34a41c64c2
GIT binary patch
literal 4286
zc-q~UO-NKx6vyu*Vj+`4)S?!;bXAL*8OO4jfgrOFtOP;wW2`J?iWIaDl9|3-1{t(4
zS0U0O3ZqC{nTsL8l}k73B3CX35*lQf+xfqDUcI^RK2sYf=ncQ&&bjBD|2^m4dGkgH
z54|cY1>VK$av}B!A*u*6iLfy3##Ju<o9od;B!_>beV8fe8d$HC7-vcgrEjafnfSpp
z7pe!Wv!9qDBs0UdLe+kc$lCO?Y}>XT*t8E43pQ<w1)kfMHE`ZyVpyYXG0Z;OReK$g
zT1P*{K6&i{=PM^B*3q_@VBdV#-bt)&K!1&W^U?#(Q%TG@v?dwn8s<1AAKD&bP^W!=
zG-TkihCz<~+r9^gWi|i94-wfN3mRao(O>4+E$sux?IOl>wcmbTE8EWa3@~=-!5HV*
zYV8+@RaHCjHY_`%)v~qDXMizmnl-F)j!pG|{r3{ny4ri69Fwi5d^y18(t~Nvwb|Nx
zh>WT|Fcy-Rn*wI-mOhPP!<=Rf8P2t#9<W~(G4H75Q$*hAugTT6tpRiJ(ez-Rb8bYt
zh#1oK{qD=-vc19Ys*gGNxa`9a=l)aQ!^Daj|KNRCc69}1%SnwkgE{!XSEIkexwZSi
zb}v6qIco2FO5eBB?%Edcfv-ys##zIy_7)<oYRBJ%<<*vev+wo3ZwAUfz!x!^HKbW1
zrw9D`05PlkO}Q06s;f0a_nw;oV|5-eF27H+tfkgIpgdEV_xM*K+0p1cb8Yp$FVP17
z9)Pjh1H>R!(}OH)*|iT5OOAW|$B2ye1a;^AJJsDlb^(kr+0->47CAIMSYl0Rmk=YW
z&*RS#dFMr~Y(MAMow3o5#=y?#dA|S{!>0Nn7CDehvxX7YZgM<R;U51kEU#Uu)}Fcc
zvwk1xiSEvz0miWD&LVOkmu4SQtc_>JuSC*<)|>2qR-2@}Ny=kqhHQP;qrn{=7X!b}
zFUGK84nFo6<UlUuv}>>?w0HA&@;8$aZ>+b*d+EdxFXhOA>MX{ds~2p>oZ^ohvEHDO
z)1gD!|N4Klw61Ji%1p>4U15?clX9`dWU9y{;gJ$yL{^A6$OsVvX(1|7LX?3;AxglM
T5Je#2NqB@O!Jnp#S;+nbsq**E

literal 0
Hc-jL100001

diff --git a/playground/spa/src/App.vue b/playground/spa/src/App.vue
new file mode 100644
index 00000000..b9643551
--- /dev/null
+++ b/playground/spa/src/App.vue
@@ -0,0 +1,30 @@
+<template>
+  <div id="nav">
+    <router-link to="/">Home</router-link> |
+    <router-link to="/about">About</router-link>
+  </div>
+  <router-view/>
+</template>
+
+<style>
+#app {
+  font-family: Avenir, Helvetica, Arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  text-align: center;
+  color: #2c3e50;
+}
+
+#nav {
+  padding: 30px;
+}
+
+#nav a {
+  font-weight: bold;
+  color: #2c3e50;
+}
+
+#nav a.router-link-exact-active {
+  color: #42b983;
+}
+</style>
diff --git a/playground/spa/src/assets/logo.png b/playground/spa/src/assets/logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..f3d2503fc2a44b5053b0837ebea6e87a2d339a43
GIT binary patch
literal 6849
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

literal 0
Hc-jL100001

diff --git a/playground/spa/src/components/HelloWorld.vue b/playground/spa/src/components/HelloWorld.vue
new file mode 100644
index 00000000..51f81a8f
--- /dev/null
+++ b/playground/spa/src/components/HelloWorld.vue
@@ -0,0 +1,57 @@
+<template>
+  <h1>{{ msg }}</h1>
+
+  <p>
+    Recommended IDE setup:
+    <a href="https://code.visualstudio.com/" target="_blank">VSCode</a>
+    +
+    <a href="https://github.com/johnsoncodehk/volar" target="_blank">Volar</a>
+  </p>
+
+  <p>See <code>README.md</code> for more information.</p>
+
+  <p>
+    <a href="https://vitejs.dev/guide/features.html" target="_blank">
+      Vite Docs
+    </a>
+    |
+    <a href="https://v3.vuejs.org/" target="_blank">Vue 3 Docs</a>
+  </p>
+
+  <button type="button" @click="count++">count is: {{ count }}</button>
+  <p>
+    Edit
+    <code>components/HelloWorld.vue</code> to test hot module replacement.
+  </p>
+</template>
+
+<script setup>
+import { ref } from 'vue'
+
+defineProps({
+  msg: {
+    type: String,
+    required: true
+  }
+})
+
+const count = ref(0)
+</script>
+
+<style scoped>
+a {
+  color: #42b983;
+}
+
+label {
+  margin: 0 0.5em;
+  font-weight: bold;
+}
+
+code {
+  background-color: #eee;
+  padding: 2px 4px;
+  border-radius: 4px;
+  color: #304455;
+}
+</style>
diff --git a/playground/spa/src/main.js b/playground/spa/src/main.js
new file mode 100644
index 00000000..ab55e6d5
--- /dev/null
+++ b/playground/spa/src/main.js
@@ -0,0 +1,12 @@
+import { createApp } from 'vue'
+import App from './App.vue'
+
+import router from './router'
+import store from './store'
+
+const app = createApp(App)
+
+app.use(router)
+app.use(store)
+
+app.mount('#app')
diff --git a/playground/spa/src/router/index.js b/playground/spa/src/router/index.js
new file mode 100644
index 00000000..26bf8e7e
--- /dev/null
+++ b/playground/spa/src/router/index.js
@@ -0,0 +1,25 @@
+import { createRouter, createWebHistory } from 'vue-router'
+import Home from '../views/Home.vue'
+
+const routes = [
+  {
+    path: '/',
+    name: 'Home',
+    component: Home
+  },
+  {
+    path: '/about',
+    name: 'About',
+    // route level code-splitting
+    // this generates a separate chunk (About.[hash].js) for this route
+    // which is lazy-loaded when the route is visited.
+    component: () => import('../views/About.vue')
+  }
+]
+
+const router = createRouter({
+  history: createWebHistory(import.meta.env.BASE_URL),
+  routes
+})
+
+export default router
diff --git a/playground/spa/src/shims-vue.d.ts b/playground/spa/src/shims-vue.d.ts
new file mode 100644
index 00000000..ec4f1b2e
--- /dev/null
+++ b/playground/spa/src/shims-vue.d.ts
@@ -0,0 +1,6 @@
+declare module '*.vue' {
+  import { DefineComponent } from 'vue'
+  // eslint-disable-next-line
+  const component: DefineComponent<{}, {}, any>
+  export default component
+}
diff --git a/playground/spa/src/store/index.js b/playground/spa/src/store/index.js
new file mode 100644
index 00000000..5f05f193
--- /dev/null
+++ b/playground/spa/src/store/index.js
@@ -0,0 +1,12 @@
+import { createStore } from 'vuex'
+
+export default createStore({
+  state: {
+  },
+  mutations: {
+  },
+  actions: {
+  },
+  modules: {
+  }
+})
diff --git a/playground/spa/src/views/About.vue b/playground/spa/src/views/About.vue
new file mode 100644
index 00000000..3fa28070
--- /dev/null
+++ b/playground/spa/src/views/About.vue
@@ -0,0 +1,5 @@
+<template>
+  <div class="about">
+    <h1>This is an about page</h1>
+  </div>
+</template>
diff --git a/playground/spa/src/views/Home.vue b/playground/spa/src/views/Home.vue
new file mode 100644
index 00000000..d74dda2c
--- /dev/null
+++ b/playground/spa/src/views/Home.vue
@@ -0,0 +1,19 @@
+<template>
+  <img alt="Vue logo" src="@/assets/logo.png" />
+  <HelloWorld msg="Hello Vue 3 + Vite" />
+</template>
+
+<script setup>
+import HelloWorld from '@/components/HelloWorld.vue'
+</script>
+
+<style>
+#app {
+  font-family: Avenir, Helvetica, Arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  text-align: center;
+  color: #2c3e50;
+  margin-top: 60px;
+}
+</style>
diff --git a/playground/spa/src/vite-env.d.ts b/playground/spa/src/vite-env.d.ts
new file mode 100644
index 00000000..11f02fe2
--- /dev/null
+++ b/playground/spa/src/vite-env.d.ts
@@ -0,0 +1 @@
+/// <reference types="vite/client" />
diff --git a/playground/spa/vite.config.js b/playground/spa/vite.config.js
new file mode 100644
index 00000000..8ae6fd07
--- /dev/null
+++ b/playground/spa/vite.config.js
@@ -0,0 +1,13 @@
+import { defineConfig } from 'vite'
+import vue from '@vitejs/plugin-vue'
+import vueJsx from '@vitejs/plugin-vue-jsx'
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  plugins: [vue(), vueJsx()],
+  resolve: {
+    alias: {
+      '@/': new URL('./src/', import.meta.url).pathname,
+    },
+  }
+})
diff --git a/snapshot.js b/snapshot.js
new file mode 100644
index 00000000..53b0c5fc
--- /dev/null
+++ b/snapshot.js
@@ -0,0 +1,13 @@
+import templateList from './utils/templateList.js'
+import { spawnSync } from 'child_process'
+
+for (const template of templateList) {
+  spawnSync('node', [
+    new URL('./index.js', import.meta.url).pathname,
+    template,
+    '--template',
+    template
+  ], {
+    cwd: new URL('./playground/', import.meta.url).pathname
+  })
+}
diff --git a/utils/templateList.js b/utils/templateList.js
new file mode 100644
index 00000000..cdcb4221
--- /dev/null
+++ b/utils/templateList.js
@@ -0,0 +1,5 @@
+const templateList = ['default', 'spa']
+  .flatMap(x => [x, x + '-ts'])
+  .flatMap(x => [x, x + '-with-tests'])
+
+export default templateList
-- 
2.39.5