chore: update snapshot

diff --git a/playground/default/README.md b/playground/default/README.md
index 02fe0be7f82f7fe423e58e4a7ffeb02f818a9be0..6b0f7bc7279a38939f73c136f354c7e33d4251a2 100644 (file)
--- a/playground/default/README.md
+++ b/playground/default/README.md
@@ -13,17 +13,17 @@ See [Vite Configuration Reference](https://vitejs.dev/config/).
 ## Project Setup
 
 ```sh
-pnpm install
+npm install
 ```
 
 ### Compile and Hot-Reload for Development
 
 ```sh
-pnpm dev
+npm run dev
 ```
 
 ### Compile and Minify for Production
 
 ```sh
-pnpm build
+npm run build
 ```

diff --git a/playground/default/package.json b/playground/default/package.json
index 603991dc6433cb8b092a049a72226fe6af41ed4c..e02f77101d953fde9d237b9e212865d610ce2bd9 100644 (file)
--- a/playground/default/package.json
+++ b/playground/default/package.json
@@ -7,15 +7,16 @@
     "preview": "vite preview --port 5050"
   },
   "dependencies": {
-    "@vue/composition-api": "^1.4.0",
+    "@vue/composition-api": "^1.4.6",
     "vue": "^2.6.14"
   },
   "devDependencies": {
-    "@vitejs/plugin-legacy": "^1.6.3",
-    "@vue/runtime-dom": "^3.2.22",
-    "unplugin-vue2-script-setup": "^0.7.1",
-    "vite": "^2.6.14",
-    "vite-plugin-vue2": "^1.9.0",
+    "@vitejs/plugin-legacy": "^1.7.1",
+    "@vue/runtime-dom": "^3.2.31",
+    "unplugin-vue2-script-setup": "^0.9.3",
+    "vite": "^2.8.3",
+    "vite-plugin-vue2": "^1.9.3",
+    "vue-template-babel-compiler": "1.1.3",
     "vue-template-compiler": "^2.6.14"
   }
 }

diff --git a/playground/default/src/main.js b/playground/default/src/main.js
index 437d7358011b2fed73c87fd0f64018754ed96190..f201f6974c9672e29b4e706638939917326feccd 100644 (file)
--- a/playground/default/src/main.js
+++ b/playground/default/src/main.js
@@ -1,12 +1,12 @@
 import Vue from 'vue'
-import VueCompositionAPI from '@vue/composition-api'
+import VueCompositionAPI, { createApp, h } from '@vue/composition-api'
 
 import App from './App.vue'
 
 Vue.use(VueCompositionAPI)
 
-const app = new Vue({
-  render: (h) => h(App)
+const app = createApp({
+  render: () => h(App)
 })
 
-app.$mount('#app')
+app.mount('#app')

diff --git a/playground/default/vite.config.js b/playground/default/vite.config.js
index af324b3800b04f81253fa0df9c1dfd583b9bec8b..42b9213668a55565db12f4da98e93aee56e45531 100644 (file)
--- a/playground/default/vite.config.js
+++ b/playground/default/vite.config.js
@@ -3,13 +3,18 @@ import { fileURLToPath } from 'url'
 import { defineConfig } from 'vite'
 import legacy from '@vitejs/plugin-legacy'
 import { createVuePlugin as vue2 } from 'vite-plugin-vue2'
+// @ts-ignore
+import vueTemplateBabelCompiler from 'vue-template-babel-compiler'
 import scriptSetup from 'unplugin-vue2-script-setup/vite'
 
 // https://vitejs.dev/config/
 export default defineConfig({
   plugins: [
     vue2({
-      jsx: true
+      jsx: true,
+      vueTemplateOptions: {
+        compiler: vueTemplateBabelCompiler
+      }
     }),
     scriptSetup(),
     legacy({

diff --git a/playground/pinia-with-tests/README.md b/playground/pinia-with-tests/README.md
index 1d559a05956d379eaddb9c6913fecfc58fb882c6..7cadc127ab18565dc4c38b1ced4dda86430416d3 100644 (file)
--- a/playground/pinia-with-tests/README.md
+++ b/playground/pinia-with-tests/README.md
@@ -13,30 +13,30 @@ See [Vite Configuration Reference](https://vitejs.dev/config/).
 ## Project Setup
 
 ```sh
-pnpm install
+npm install
 ```
 
 ### Compile and Hot-Reload for Development
 
 ```sh
-pnpm dev
+npm run dev
 ```
 
 ### Compile and Minify for Production
 
 ```sh
-pnpm build
+npm run build
 ```
 
 ### Run Unit Tests with [Cypress Component Testing](https://docs.cypress.io/guides/component-testing/introduction)
 
 ```sh
-pnpm test:unit # or `pnpm test:unit:ci` for headless testing
+npm run test:unit # or `npm run test:unit:ci` for headless testing
 ```
 
 ### Run End-to-End Tests with [Cypress](https://www.cypress.io/)
 
 ```sh
-pnpm build
-pnpm test:e2e # or `pnpm test:e2e:ci` for headless testing
+npm run build
+npm run test:e2e # or `npm run test:e2e:ci` for headless testing
 ```

diff --git a/playground/pinia-with-tests/package.json b/playground/pinia-with-tests/package.json
index c74abeae1072ee2932fb21bfe4ac551f7ebd2994..b8d63d972709dd35a1ac5513785a4581f1d97748 100644 (file)
--- a/playground/pinia-with-tests/package.json
+++ b/playground/pinia-with-tests/package.json
@@ -11,20 +11,21 @@
     "test:e2e:ci": "start-server-and-test preview http://127.0.0.1:5050/ 'cypress run'"
   },
   "dependencies": {
-    "@vue/composition-api": "^1.4.0",
+    "@vue/composition-api": "^1.4.6",
     "pinia": "^2.0.4",
     "vue": "^2.6.14"
   },
   "devDependencies": {
     "@cypress/vite-dev-server": "^2.2.1",
     "@cypress/vue": "^2.2.4",
-    "@vitejs/plugin-legacy": "^1.6.3",
-    "@vue/runtime-dom": "^3.2.22",
+    "@vitejs/plugin-legacy": "^1.7.1",
+    "@vue/runtime-dom": "^3.2.31",
     "cypress": "^9.1.0",
     "start-server-and-test": "^1.14.0",
-    "unplugin-vue2-script-setup": "^0.7.1",
-    "vite": "^2.6.14",
-    "vite-plugin-vue2": "^1.9.0",
+    "unplugin-vue2-script-setup": "^0.9.3",
+    "vite": "^2.8.3",
+    "vite-plugin-vue2": "^1.9.3",
+    "vue-template-babel-compiler": "1.1.3",
     "vue-template-compiler": "^2.6.14"
   }
 }

diff --git a/playground/pinia-with-tests/src/main.js b/playground/pinia-with-tests/src/main.js
index 82926e979e13061f721ce5c65f3b3d166f913347..4167deecc0d9fbf150480b5cb3254f65f2e9a76d 100644 (file)
--- a/playground/pinia-with-tests/src/main.js
+++ b/playground/pinia-with-tests/src/main.js
@@ -1,15 +1,15 @@
 import Vue from 'vue'
-import VueCompositionAPI from '@vue/composition-api'
+import VueCompositionAPI, { createApp, h } from '@vue/composition-api'
 import { createPinia, PiniaVuePlugin } from 'pinia'
 
 import App from './App.vue'
 
 Vue.use(VueCompositionAPI)
-Vue.use(PiniaVuePlugin)
 
-const app = new Vue({
+const app = createApp({
   pinia: createPinia(),
-  render: (h) => h(App)
+  render: () => h(App)
 })
+app.use(PiniaVuePlugin)
 
-app.$mount('#app')
+app.mount('#app')

diff --git a/playground/pinia-with-tests/vite.config.js b/playground/pinia-with-tests/vite.config.js
index af324b3800b04f81253fa0df9c1dfd583b9bec8b..42b9213668a55565db12f4da98e93aee56e45531 100644 (file)
--- a/playground/pinia-with-tests/vite.config.js
+++ b/playground/pinia-with-tests/vite.config.js
@@ -3,13 +3,18 @@ import { fileURLToPath } from 'url'
 import { defineConfig } from 'vite'
 import legacy from '@vitejs/plugin-legacy'
 import { createVuePlugin as vue2 } from 'vite-plugin-vue2'
+// @ts-ignore
+import vueTemplateBabelCompiler from 'vue-template-babel-compiler'
 import scriptSetup from 'unplugin-vue2-script-setup/vite'
 
 // https://vitejs.dev/config/
 export default defineConfig({
   plugins: [
     vue2({
-      jsx: true
+      jsx: true,
+      vueTemplateOptions: {
+        compiler: vueTemplateBabelCompiler
+      }
     }),
     scriptSetup(),
     legacy({

diff --git a/playground/pinia/README.md b/playground/pinia/README.md
index 37089835c49b3d75347a51d00e04e1b5dba271ef..68fea6a7d227c85d665f01c51ad8d12cfdd6dcdc 100644 (file)
--- a/playground/pinia/README.md
+++ b/playground/pinia/README.md
@@ -13,17 +13,17 @@ See [Vite Configuration Reference](https://vitejs.dev/config/).
 ## Project Setup
 
 ```sh
-pnpm install
+npm install
 ```
 
 ### Compile and Hot-Reload for Development
 
 ```sh
-pnpm dev
+npm run dev
 ```
 
 ### Compile and Minify for Production
 
 ```sh
-pnpm build
+npm run build
 ```

diff --git a/playground/pinia/package.json b/playground/pinia/package.json
index e7a9f34d9975e57ee74c8cae2ad26218342dffb4..eb0e0d1781193b1c34ffec815a5d8cc758b7a77e 100644 (file)
--- a/playground/pinia/package.json
+++ b/playground/pinia/package.json
@@ -7,16 +7,17 @@
     "preview": "vite preview --port 5050"
   },
   "dependencies": {
-    "@vue/composition-api": "^1.4.0",
+    "@vue/composition-api": "^1.4.6",
     "pinia": "^2.0.4",
     "vue": "^2.6.14"
   },
   "devDependencies": {
-    "@vitejs/plugin-legacy": "^1.6.3",
-    "@vue/runtime-dom": "^3.2.22",
-    "unplugin-vue2-script-setup": "^0.7.1",
-    "vite": "^2.6.14",
-    "vite-plugin-vue2": "^1.9.0",
+    "@vitejs/plugin-legacy": "^1.7.1",
+    "@vue/runtime-dom": "^3.2.31",
+    "unplugin-vue2-script-setup": "^0.9.3",
+    "vite": "^2.8.3",
+    "vite-plugin-vue2": "^1.9.3",
+    "vue-template-babel-compiler": "1.1.3",
     "vue-template-compiler": "^2.6.14"
   }
 }

diff --git a/playground/pinia/src/main.js b/playground/pinia/src/main.js
index 82926e979e13061f721ce5c65f3b3d166f913347..4167deecc0d9fbf150480b5cb3254f65f2e9a76d 100644 (file)
--- a/playground/pinia/src/main.js
+++ b/playground/pinia/src/main.js
@@ -1,15 +1,15 @@
 import Vue from 'vue'
-import VueCompositionAPI from '@vue/composition-api'
+import VueCompositionAPI, { createApp, h } from '@vue/composition-api'
 import { createPinia, PiniaVuePlugin } from 'pinia'
 
 import App from './App.vue'
 
 Vue.use(VueCompositionAPI)
-Vue.use(PiniaVuePlugin)
 
-const app = new Vue({
+const app = createApp({
   pinia: createPinia(),
-  render: (h) => h(App)
+  render: () => h(App)
 })
+app.use(PiniaVuePlugin)
 
-app.$mount('#app')
+app.mount('#app')

diff --git a/playground/pinia/vite.config.js b/playground/pinia/vite.config.js
index af324b3800b04f81253fa0df9c1dfd583b9bec8b..42b9213668a55565db12f4da98e93aee56e45531 100644 (file)
--- a/playground/pinia/vite.config.js
+++ b/playground/pinia/vite.config.js
@@ -3,13 +3,18 @@ import { fileURLToPath } from 'url'
 import { defineConfig } from 'vite'
 import legacy from '@vitejs/plugin-legacy'
 import { createVuePlugin as vue2 } from 'vite-plugin-vue2'
+// @ts-ignore
+import vueTemplateBabelCompiler from 'vue-template-babel-compiler'
 import scriptSetup from 'unplugin-vue2-script-setup/vite'
 
 // https://vitejs.dev/config/
 export default defineConfig({
   plugins: [
     vue2({
-      jsx: true
+      jsx: true,
+      vueTemplateOptions: {
+        compiler: vueTemplateBabelCompiler
+      }
     }),
     scriptSetup(),
     legacy({

diff --git a/playground/router-pinia-with-tests/README.md b/playground/router-pinia-with-tests/README.md
index 7b87e89ea91e7205ff0f8de6d5225a30b70e0ced..73c2578ba47bc4876644ac4f14bf0dc4f0aac57e 100644 (file)
--- a/playground/router-pinia-with-tests/README.md
+++ b/playground/router-pinia-with-tests/README.md
@@ -13,30 +13,30 @@ See [Vite Configuration Reference](https://vitejs.dev/config/).
 ## Project Setup
 
 ```sh
-pnpm install
+npm install
 ```
 
 ### Compile and Hot-Reload for Development
 
 ```sh
-pnpm dev
+npm run dev
 ```
 
 ### Compile and Minify for Production
 
 ```sh
-pnpm build
+npm run build
 ```
 
 ### Run Unit Tests with [Cypress Component Testing](https://docs.cypress.io/guides/component-testing/introduction)
 
 ```sh
-pnpm test:unit # or `pnpm test:unit:ci` for headless testing
+npm run test:unit # or `npm run test:unit:ci` for headless testing
 ```
 
 ### Run End-to-End Tests with [Cypress](https://www.cypress.io/)
 
 ```sh
-pnpm build
-pnpm test:e2e # or `pnpm test:e2e:ci` for headless testing
+npm run build
+npm run test:e2e # or `npm run test:e2e:ci` for headless testing
 ```

diff --git a/playground/router-pinia-with-tests/package.json b/playground/router-pinia-with-tests/package.json
index 67811f09f5d3379bf5ebbfb049177f815efcc12a..d0be8609cdf7008c6ea9e9df3d7007819332702e 100644 (file)
--- a/playground/router-pinia-with-tests/package.json
+++ b/playground/router-pinia-with-tests/package.json
@@ -11,7 +11,7 @@
     "test:e2e:ci": "start-server-and-test preview http://127.0.0.1:5050/ 'cypress run'"
   },
   "dependencies": {
-    "@vue/composition-api": "^1.4.0",
+    "@vue/composition-api": "^1.4.6",
     "pinia": "^2.0.4",
     "vue": "^2.6.14",
     "vue-router": "^3.5.3"
@@ -19,13 +19,14 @@
   "devDependencies": {
     "@cypress/vite-dev-server": "^2.2.1",
     "@cypress/vue": "^2.2.4",
-    "@vitejs/plugin-legacy": "^1.6.3",
-    "@vue/runtime-dom": "^3.2.22",
+    "@vitejs/plugin-legacy": "^1.7.1",
+    "@vue/runtime-dom": "^3.2.31",
     "cypress": "^9.1.0",
     "start-server-and-test": "^1.14.0",
-    "unplugin-vue2-script-setup": "^0.7.1",
-    "vite": "^2.6.14",
-    "vite-plugin-vue2": "^1.9.0",
+    "unplugin-vue2-script-setup": "^0.9.3",
+    "vite": "^2.8.3",
+    "vite-plugin-vue2": "^1.9.3",
+    "vue-template-babel-compiler": "1.1.3",
     "vue-template-compiler": "^2.6.14"
   }
 }

diff --git a/playground/router-pinia-with-tests/src/main.js b/playground/router-pinia-with-tests/src/main.js
index bbcfd4ffd15196ee3b5ce8eb5a11a0673ca346d1..4852af6b79f012dbedf24e795c78b82b6497088e 100644 (file)
--- a/playground/router-pinia-with-tests/src/main.js
+++ b/playground/router-pinia-with-tests/src/main.js
@@ -1,17 +1,17 @@
 import Vue from 'vue'
-import VueCompositionAPI from '@vue/composition-api'
+import VueCompositionAPI, { createApp, h } from '@vue/composition-api'
 import { createPinia, PiniaVuePlugin } from 'pinia'
 
 import App from './App.vue'
 import router from './router'
 
 Vue.use(VueCompositionAPI)
-Vue.use(PiniaVuePlugin)
 
-const app = new Vue({
+const app = createApp({
   router,
   pinia: createPinia(),
-  render: (h) => h(App)
+  render: () => h(App)
 })
+app.use(PiniaVuePlugin)
 
-app.$mount('#app')
+app.mount('#app')

diff --git a/playground/router-pinia-with-tests/vite.config.js b/playground/router-pinia-with-tests/vite.config.js
index af324b3800b04f81253fa0df9c1dfd583b9bec8b..42b9213668a55565db12f4da98e93aee56e45531 100644 (file)
--- a/playground/router-pinia-with-tests/vite.config.js
+++ b/playground/router-pinia-with-tests/vite.config.js
@@ -3,13 +3,18 @@ import { fileURLToPath } from 'url'
 import { defineConfig } from 'vite'
 import legacy from '@vitejs/plugin-legacy'
 import { createVuePlugin as vue2 } from 'vite-plugin-vue2'
+// @ts-ignore
+import vueTemplateBabelCompiler from 'vue-template-babel-compiler'
 import scriptSetup from 'unplugin-vue2-script-setup/vite'
 
 // https://vitejs.dev/config/
 export default defineConfig({
   plugins: [
     vue2({
-      jsx: true
+      jsx: true,
+      vueTemplateOptions: {
+        compiler: vueTemplateBabelCompiler
+      }
     }),
     scriptSetup(),
     legacy({

diff --git a/playground/router-pinia/README.md b/playground/router-pinia/README.md
index 8ec2ec942609bbc622288c07a98442b96a52b932..b4139dcf4539f8f96d598eaa812eb31e2b3c976f 100644 (file)
--- a/playground/router-pinia/README.md
+++ b/playground/router-pinia/README.md
@@ -13,17 +13,17 @@ See [Vite Configuration Reference](https://vitejs.dev/config/).
 ## Project Setup
 
 ```sh
-pnpm install
+npm install
 ```
 
 ### Compile and Hot-Reload for Development
 
 ```sh
-pnpm dev
+npm run dev
 ```
 
 ### Compile and Minify for Production
 
 ```sh
-pnpm build
+npm run build
 ```

diff --git a/playground/router-pinia/package.json b/playground/router-pinia/package.json
index 3c4217c8e8b31bb9011a161cb6a4ff976a8fbaa2..ac92ac214f34f48ebb421e252269ac1c8f09dc7f 100644 (file)
--- a/playground/router-pinia/package.json
+++ b/playground/router-pinia/package.json
@@ -7,17 +7,18 @@
     "preview": "vite preview --port 5050"
   },
   "dependencies": {
-    "@vue/composition-api": "^1.4.0",
+    "@vue/composition-api": "^1.4.6",
     "pinia": "^2.0.4",
     "vue": "^2.6.14",
     "vue-router": "^3.5.3"
   },
   "devDependencies": {
-    "@vitejs/plugin-legacy": "^1.6.3",
-    "@vue/runtime-dom": "^3.2.22",
-    "unplugin-vue2-script-setup": "^0.7.1",
-    "vite": "^2.6.14",
-    "vite-plugin-vue2": "^1.9.0",
+    "@vitejs/plugin-legacy": "^1.7.1",
+    "@vue/runtime-dom": "^3.2.31",
+    "unplugin-vue2-script-setup": "^0.9.3",
+    "vite": "^2.8.3",
+    "vite-plugin-vue2": "^1.9.3",
+    "vue-template-babel-compiler": "1.1.3",
     "vue-template-compiler": "^2.6.14"
   }
 }

diff --git a/playground/router-pinia/src/main.js b/playground/router-pinia/src/main.js
index bbcfd4ffd15196ee3b5ce8eb5a11a0673ca346d1..4852af6b79f012dbedf24e795c78b82b6497088e 100644 (file)
--- a/playground/router-pinia/src/main.js
+++ b/playground/router-pinia/src/main.js
@@ -1,17 +1,17 @@
 import Vue from 'vue'
-import VueCompositionAPI from '@vue/composition-api'
+import VueCompositionAPI, { createApp, h } from '@vue/composition-api'
 import { createPinia, PiniaVuePlugin } from 'pinia'
 
 import App from './App.vue'
 import router from './router'
 
 Vue.use(VueCompositionAPI)
-Vue.use(PiniaVuePlugin)
 
-const app = new Vue({
+const app = createApp({
   router,
   pinia: createPinia(),
-  render: (h) => h(App)
+  render: () => h(App)
 })
+app.use(PiniaVuePlugin)
 
-app.$mount('#app')
+app.mount('#app')

diff --git a/playground/router-pinia/vite.config.js b/playground/router-pinia/vite.config.js
index af324b3800b04f81253fa0df9c1dfd583b9bec8b..42b9213668a55565db12f4da98e93aee56e45531 100644 (file)
--- a/playground/router-pinia/vite.config.js
+++ b/playground/router-pinia/vite.config.js
@@ -3,13 +3,18 @@ import { fileURLToPath } from 'url'
 import { defineConfig } from 'vite'
 import legacy from '@vitejs/plugin-legacy'
 import { createVuePlugin as vue2 } from 'vite-plugin-vue2'
+// @ts-ignore
+import vueTemplateBabelCompiler from 'vue-template-babel-compiler'
 import scriptSetup from 'unplugin-vue2-script-setup/vite'
 
 // https://vitejs.dev/config/
 export default defineConfig({
   plugins: [
     vue2({
-      jsx: true
+      jsx: true,
+      vueTemplateOptions: {
+        compiler: vueTemplateBabelCompiler
+      }
     }),
     scriptSetup(),
     legacy({

diff --git a/playground/router-with-tests/README.md b/playground/router-with-tests/README.md
index 8de21b4730af6acdb9c1b2a061b4cdeabe664fc8..fcc405213230a589ae4c4b84f51a6d7e7495e5ef 100644 (file)
--- a/playground/router-with-tests/README.md
+++ b/playground/router-with-tests/README.md
@@ -13,30 +13,30 @@ See [Vite Configuration Reference](https://vitejs.dev/config/).
 ## Project Setup
 
 ```sh
-pnpm install
+npm install
 ```
 
 ### Compile and Hot-Reload for Development
 
 ```sh
-pnpm dev
+npm run dev
 ```
 
 ### Compile and Minify for Production
 
 ```sh
-pnpm build
+npm run build
 ```
 
 ### Run Unit Tests with [Cypress Component Testing](https://docs.cypress.io/guides/component-testing/introduction)
 
 ```sh
-pnpm test:unit # or `pnpm test:unit:ci` for headless testing
+npm run test:unit # or `npm run test:unit:ci` for headless testing
 ```
 
 ### Run End-to-End Tests with [Cypress](https://www.cypress.io/)
 
 ```sh
-pnpm build
-pnpm test:e2e # or `pnpm test:e2e:ci` for headless testing
+npm run build
+npm run test:e2e # or `npm run test:e2e:ci` for headless testing
 ```

diff --git a/playground/router-with-tests/package.json b/playground/router-with-tests/package.json
index 85b8af43cf826007e3e7f0466ed32e9784f49329..1c89bc04b6e82261c3a1f48a7413051cf59e3827 100644 (file)
--- a/playground/router-with-tests/package.json
+++ b/playground/router-with-tests/package.json
@@ -11,20 +11,21 @@
     "test:e2e:ci": "start-server-and-test preview http://127.0.0.1:5050/ 'cypress run'"
   },
   "dependencies": {
-    "@vue/composition-api": "^1.4.0",
+    "@vue/composition-api": "^1.4.6",
     "vue": "^2.6.14",
     "vue-router": "^3.5.3"
   },
   "devDependencies": {
     "@cypress/vite-dev-server": "^2.2.1",
     "@cypress/vue": "^2.2.4",
-    "@vitejs/plugin-legacy": "^1.6.3",
-    "@vue/runtime-dom": "^3.2.22",
+    "@vitejs/plugin-legacy": "^1.7.1",
+    "@vue/runtime-dom": "^3.2.31",
     "cypress": "^9.1.0",
     "start-server-and-test": "^1.14.0",
-    "unplugin-vue2-script-setup": "^0.7.1",
-    "vite": "^2.6.14",
-    "vite-plugin-vue2": "^1.9.0",
+    "unplugin-vue2-script-setup": "^0.9.3",
+    "vite": "^2.8.3",
+    "vite-plugin-vue2": "^1.9.3",
+    "vue-template-babel-compiler": "1.1.3",
     "vue-template-compiler": "^2.6.14"
   }
 }

diff --git a/playground/router-with-tests/src/main.js b/playground/router-with-tests/src/main.js
index cc1d0fb797765afa49efc38776876ff9162150f4..2c19465d7ac15303681606f3ef21d5d42e567abe 100644 (file)
--- a/playground/router-with-tests/src/main.js
+++ b/playground/router-with-tests/src/main.js
@@ -1,14 +1,14 @@
 import Vue from 'vue'
-import VueCompositionAPI from '@vue/composition-api'
+import VueCompositionAPI, { createApp, h } from '@vue/composition-api'
 
 import App from './App.vue'
 import router from './router'
 
 Vue.use(VueCompositionAPI)
 
-const app = new Vue({
+const app = createApp({
   router,
-  render: (h) => h(App)
+  render: () => h(App)
 })
 
-app.$mount('#app')
+app.mount('#app')

diff --git a/playground/router-with-tests/vite.config.js b/playground/router-with-tests/vite.config.js
index af324b3800b04f81253fa0df9c1dfd583b9bec8b..42b9213668a55565db12f4da98e93aee56e45531 100644 (file)
--- a/playground/router-with-tests/vite.config.js
+++ b/playground/router-with-tests/vite.config.js
@@ -3,13 +3,18 @@ import { fileURLToPath } from 'url'
 import { defineConfig } from 'vite'
 import legacy from '@vitejs/plugin-legacy'
 import { createVuePlugin as vue2 } from 'vite-plugin-vue2'
+// @ts-ignore
+import vueTemplateBabelCompiler from 'vue-template-babel-compiler'
 import scriptSetup from 'unplugin-vue2-script-setup/vite'
 
 // https://vitejs.dev/config/
 export default defineConfig({
   plugins: [
     vue2({
-      jsx: true
+      jsx: true,
+      vueTemplateOptions: {
+        compiler: vueTemplateBabelCompiler
+      }
     }),
     scriptSetup(),
     legacy({

diff --git a/playground/router/README.md b/playground/router/README.md
index 049ddce010b4046342f652573d9128f082cb03f2..b5ac62f4875c5c4268a659d64c349dc1d63cef30 100644 (file)
--- a/playground/router/README.md
+++ b/playground/router/README.md
@@ -13,17 +13,17 @@ See [Vite Configuration Reference](https://vitejs.dev/config/).
 ## Project Setup
 
 ```sh
-pnpm install
+npm install
 ```
 
 ### Compile and Hot-Reload for Development
 
 ```sh
-pnpm dev
+npm run dev
 ```
 
 ### Compile and Minify for Production
 
 ```sh
-pnpm build
+npm run build
 ```

diff --git a/playground/router/package.json b/playground/router/package.json
index 866ce397430caee29e169c18bfa912eb013b69ff..c54f84fe47701a2eb56f7e2557c48efc6d912423 100644 (file)
--- a/playground/router/package.json
+++ b/playground/router/package.json
@@ -7,16 +7,17 @@
     "preview": "vite preview --port 5050"
   },
   "dependencies": {
-    "@vue/composition-api": "^1.4.0",
+    "@vue/composition-api": "^1.4.6",
     "vue": "^2.6.14",
     "vue-router": "^3.5.3"
   },
   "devDependencies": {
-    "@vitejs/plugin-legacy": "^1.6.3",
-    "@vue/runtime-dom": "^3.2.22",
-    "unplugin-vue2-script-setup": "^0.7.1",
-    "vite": "^2.6.14",
-    "vite-plugin-vue2": "^1.9.0",
+    "@vitejs/plugin-legacy": "^1.7.1",
+    "@vue/runtime-dom": "^3.2.31",
+    "unplugin-vue2-script-setup": "^0.9.3",
+    "vite": "^2.8.3",
+    "vite-plugin-vue2": "^1.9.3",
+    "vue-template-babel-compiler": "1.1.3",
     "vue-template-compiler": "^2.6.14"
   }
 }

diff --git a/playground/router/src/main.js b/playground/router/src/main.js
index cc1d0fb797765afa49efc38776876ff9162150f4..2c19465d7ac15303681606f3ef21d5d42e567abe 100644 (file)
--- a/playground/router/src/main.js
+++ b/playground/router/src/main.js
@@ -1,14 +1,14 @@
 import Vue from 'vue'
-import VueCompositionAPI from '@vue/composition-api'
+import VueCompositionAPI, { createApp, h } from '@vue/composition-api'
 
 import App from './App.vue'
 import router from './router'
 
 Vue.use(VueCompositionAPI)
 
-const app = new Vue({
+const app = createApp({
   router,
-  render: (h) => h(App)
+  render: () => h(App)
 })
 
-app.$mount('#app')
+app.mount('#app')

diff --git a/playground/router/vite.config.js b/playground/router/vite.config.js
index af324b3800b04f81253fa0df9c1dfd583b9bec8b..42b9213668a55565db12f4da98e93aee56e45531 100644 (file)
--- a/playground/router/vite.config.js
+++ b/playground/router/vite.config.js
@@ -3,13 +3,18 @@ import { fileURLToPath } from 'url'
 import { defineConfig } from 'vite'
 import legacy from '@vitejs/plugin-legacy'
 import { createVuePlugin as vue2 } from 'vite-plugin-vue2'
+// @ts-ignore
+import vueTemplateBabelCompiler from 'vue-template-babel-compiler'
 import scriptSetup from 'unplugin-vue2-script-setup/vite'
 
 // https://vitejs.dev/config/
 export default defineConfig({
   plugins: [
     vue2({
-      jsx: true
+      jsx: true,
+      vueTemplateOptions: {
+        compiler: vueTemplateBabelCompiler
+      }
     }),
     scriptSetup(),
     legacy({

diff --git a/playground/typescript-pinia-with-tests/README.md b/playground/typescript-pinia-with-tests/README.md
index b0e3c8bd568a50bf9079a4ae1f01878520aede97..8d012b0ac2ce3fd219f92760aa0abd8c34515bfb 100644 (file)
--- a/playground/typescript-pinia-with-tests/README.md
+++ b/playground/typescript-pinia-with-tests/README.md
@@ -19,30 +19,30 @@ See [Vite Configuration Reference](https://vitejs.dev/config/).
 ## Project Setup
 
 ```sh
-pnpm install
+npm install
 ```
 
 ### Compile and Hot-Reload for Development
 
 ```sh
-pnpm dev
+npm run dev
 ```
 
 ### Type-Check, Compile and Minify for Production
 
 ```sh
-pnpm build
+npm run build
 ```
 
 ### Run Unit Tests with [Cypress Component Testing](https://docs.cypress.io/guides/component-testing/introduction)
 
 ```sh
-pnpm test:unit # or `pnpm test:unit:ci` for headless testing
+npm run test:unit # or `npm run test:unit:ci` for headless testing
 ```
 
 ### Run End-to-End Tests with [Cypress](https://www.cypress.io/)
 
 ```sh
-pnpm build
-pnpm test:e2e # or `pnpm test:e2e:ci` for headless testing
+npm run build
+npm run test:e2e # or `npm run test:e2e:ci` for headless testing
 ```

diff --git a/playground/typescript-pinia-with-tests/env.d.ts b/playground/typescript-pinia-with-tests/env.d.ts
index dc50f12e8dcc3aea04b1305a4bf6c508e54fd9fe..cceeec5bab6644a31d8d719c9a4e1f19997edaf5 100644 (file)
--- a/playground/typescript-pinia-with-tests/env.d.ts
+++ b/playground/typescript-pinia-with-tests/env.d.ts
@@ -1,16 +1,2 @@
 /// <reference types="vite/client" />
-
-declare module '*.vue' {
-  import Vue from 'vue'
-  export default Vue
-}
-
-declare global {
-  namespace JSX {
-    interface Element extends VNode {}
-    interface ElementClass extends Vue {}
-    interface IntrinsicElements {
-      [elem: string]: any
-    }
-  }
-}
+/// <reference types="unplugin-vue2-script-setup/shims" />

diff --git a/playground/typescript-pinia-with-tests/package.json b/playground/typescript-pinia-with-tests/package.json
index 659222cf50c1a84b3278563649c0920b20600d67..ab8521a387a1a6d853912583e60356ef224e35f3 100644 (file)
--- a/playground/typescript-pinia-with-tests/package.json
+++ b/playground/typescript-pinia-with-tests/package.json
@@ -12,7 +12,7 @@
     "typecheck": "vue-tsc --noEmit"
   },
   "dependencies": {
-    "@vue/composition-api": "^1.4.0",
+    "@vue/composition-api": "^1.4.6",
     "pinia": "^2.0.4",
     "vue": "^2.6.14"
   },
@@ -20,15 +20,16 @@
     "@cypress/vite-dev-server": "^2.2.1",
     "@cypress/vue": "^2.2.4",
     "@types/node": "^16.11.10",
-    "@vitejs/plugin-legacy": "^1.6.3",
-    "@vue/runtime-dom": "^3.2.22",
+    "@vitejs/plugin-legacy": "^1.7.1",
+    "@vue/runtime-dom": "^3.2.31",
     "cypress": "^9.1.0",
     "start-server-and-test": "^1.14.0",
-    "typescript": "~4.5.2",
-    "unplugin-vue2-script-setup": "^0.7.1",
-    "vite": "^2.6.14",
-    "vite-plugin-vue2": "^1.9.0",
+    "typescript": "~4.5.5",
+    "unplugin-vue2-script-setup": "^0.9.3",
+    "vite": "^2.8.3",
+    "vite-plugin-vue2": "^1.9.3",
+    "vue-template-babel-compiler": "1.1.3",
     "vue-template-compiler": "^2.6.14",
-    "vue-tsc": "^0.29.6"
+    "vue-tsc": "^0.31.4"
   }
 }

diff --git a/playground/typescript-pinia-with-tests/src/main.ts b/playground/typescript-pinia-with-tests/src/main.ts
index 82926e979e13061f721ce5c65f3b3d166f913347..4167deecc0d9fbf150480b5cb3254f65f2e9a76d 100644 (file)
--- a/playground/typescript-pinia-with-tests/src/main.ts
+++ b/playground/typescript-pinia-with-tests/src/main.ts
@@ -1,15 +1,15 @@
 import Vue from 'vue'
-import VueCompositionAPI from '@vue/composition-api'
+import VueCompositionAPI, { createApp, h } from '@vue/composition-api'
 import { createPinia, PiniaVuePlugin } from 'pinia'
 
 import App from './App.vue'
 
 Vue.use(VueCompositionAPI)
-Vue.use(PiniaVuePlugin)
 
-const app = new Vue({
+const app = createApp({
   pinia: createPinia(),
-  render: (h) => h(App)
+  render: () => h(App)
 })
+app.use(PiniaVuePlugin)
 
-app.$mount('#app')
+app.mount('#app')

diff --git a/playground/typescript-pinia-with-tests/vite.config.ts b/playground/typescript-pinia-with-tests/vite.config.ts
index af324b3800b04f81253fa0df9c1dfd583b9bec8b..42b9213668a55565db12f4da98e93aee56e45531 100644 (file)
--- a/playground/typescript-pinia-with-tests/vite.config.ts
+++ b/playground/typescript-pinia-with-tests/vite.config.ts
@@ -3,13 +3,18 @@ import { fileURLToPath } from 'url'
 import { defineConfig } from 'vite'
 import legacy from '@vitejs/plugin-legacy'
 import { createVuePlugin as vue2 } from 'vite-plugin-vue2'
+// @ts-ignore
+import vueTemplateBabelCompiler from 'vue-template-babel-compiler'
 import scriptSetup from 'unplugin-vue2-script-setup/vite'
 
 // https://vitejs.dev/config/
 export default defineConfig({
   plugins: [
     vue2({
-      jsx: true
+      jsx: true,
+      vueTemplateOptions: {
+        compiler: vueTemplateBabelCompiler
+      }
     }),
     scriptSetup(),
     legacy({

diff --git a/playground/typescript-pinia/README.md b/playground/typescript-pinia/README.md
index 42e9e259bb9bc1733c6d9b2d83e399aa969862f7..4522a444f9cdb89fba5e6075f2c61786b34b2bf9 100644 (file)
--- a/playground/typescript-pinia/README.md
+++ b/playground/typescript-pinia/README.md
@@ -19,17 +19,17 @@ See [Vite Configuration Reference](https://vitejs.dev/config/).
 ## Project Setup
 
 ```sh
-pnpm install
+npm install
 ```
 
 ### Compile and Hot-Reload for Development
 
 ```sh
-pnpm dev
+npm run dev
 ```
 
 ### Type-Check, Compile and Minify for Production
 
 ```sh
-pnpm build
+npm run build
 ```

diff --git a/playground/typescript-pinia/env.d.ts b/playground/typescript-pinia/env.d.ts
index dc50f12e8dcc3aea04b1305a4bf6c508e54fd9fe..cceeec5bab6644a31d8d719c9a4e1f19997edaf5 100644 (file)
--- a/playground/typescript-pinia/env.d.ts
+++ b/playground/typescript-pinia/env.d.ts
@@ -1,16 +1,2 @@
 /// <reference types="vite/client" />
-
-declare module '*.vue' {
-  import Vue from 'vue'
-  export default Vue
-}
-
-declare global {
-  namespace JSX {
-    interface Element extends VNode {}
-    interface ElementClass extends Vue {}
-    interface IntrinsicElements {
-      [elem: string]: any
-    }
-  }
-}
+/// <reference types="unplugin-vue2-script-setup/shims" />

diff --git a/playground/typescript-pinia/package.json b/playground/typescript-pinia/package.json
index a38a466d5403f6ab6ed530febaff02e5186de4a0..df10276c9404fc951812bae348f606785ca3742d 100644 (file)
--- a/playground/typescript-pinia/package.json
+++ b/playground/typescript-pinia/package.json
@@ -8,19 +8,20 @@
     "typecheck": "vue-tsc --noEmit"
   },
   "dependencies": {
-    "@vue/composition-api": "^1.4.0",
+    "@vue/composition-api": "^1.4.6",
     "pinia": "^2.0.4",
     "vue": "^2.6.14"
   },
   "devDependencies": {
     "@types/node": "^16.11.10",
-    "@vitejs/plugin-legacy": "^1.6.3",
-    "@vue/runtime-dom": "^3.2.22",
-    "typescript": "~4.5.2",
-    "unplugin-vue2-script-setup": "^0.7.1",
-    "vite": "^2.6.14",
-    "vite-plugin-vue2": "^1.9.0",
+    "@vitejs/plugin-legacy": "^1.7.1",
+    "@vue/runtime-dom": "^3.2.31",
+    "typescript": "~4.5.5",
+    "unplugin-vue2-script-setup": "^0.9.3",
+    "vite": "^2.8.3",
+    "vite-plugin-vue2": "^1.9.3",
+    "vue-template-babel-compiler": "1.1.3",
     "vue-template-compiler": "^2.6.14",
-    "vue-tsc": "^0.29.6"
+    "vue-tsc": "^0.31.4"
   }
 }

diff --git a/playground/typescript-pinia/src/main.ts b/playground/typescript-pinia/src/main.ts
index 82926e979e13061f721ce5c65f3b3d166f913347..4167deecc0d9fbf150480b5cb3254f65f2e9a76d 100644 (file)
--- a/playground/typescript-pinia/src/main.ts
+++ b/playground/typescript-pinia/src/main.ts
@@ -1,15 +1,15 @@
 import Vue from 'vue'
-import VueCompositionAPI from '@vue/composition-api'
+import VueCompositionAPI, { createApp, h } from '@vue/composition-api'
 import { createPinia, PiniaVuePlugin } from 'pinia'
 
 import App from './App.vue'
 
 Vue.use(VueCompositionAPI)
-Vue.use(PiniaVuePlugin)
 
-const app = new Vue({
+const app = createApp({
   pinia: createPinia(),
-  render: (h) => h(App)
+  render: () => h(App)
 })
+app.use(PiniaVuePlugin)
 
-app.$mount('#app')
+app.mount('#app')

diff --git a/playground/typescript-pinia/vite.config.ts b/playground/typescript-pinia/vite.config.ts
index af324b3800b04f81253fa0df9c1dfd583b9bec8b..42b9213668a55565db12f4da98e93aee56e45531 100644 (file)
--- a/playground/typescript-pinia/vite.config.ts
+++ b/playground/typescript-pinia/vite.config.ts
@@ -3,13 +3,18 @@ import { fileURLToPath } from 'url'
 import { defineConfig } from 'vite'
 import legacy from '@vitejs/plugin-legacy'
 import { createVuePlugin as vue2 } from 'vite-plugin-vue2'
+// @ts-ignore
+import vueTemplateBabelCompiler from 'vue-template-babel-compiler'
 import scriptSetup from 'unplugin-vue2-script-setup/vite'
 
 // https://vitejs.dev/config/
 export default defineConfig({
   plugins: [
     vue2({
-      jsx: true
+      jsx: true,
+      vueTemplateOptions: {
+        compiler: vueTemplateBabelCompiler
+      }
     }),
     scriptSetup(),
     legacy({

diff --git a/playground/typescript-router-pinia-with-tests/README.md b/playground/typescript-router-pinia-with-tests/README.md
index dc421902fdce3f441eba7bf96534b820966bc52a..13975b8d7fe359e4c91aab3fd0180380cf350040 100644 (file)
--- a/playground/typescript-router-pinia-with-tests/README.md
+++ b/playground/typescript-router-pinia-with-tests/README.md
@@ -19,30 +19,30 @@ See [Vite Configuration Reference](https://vitejs.dev/config/).
 ## Project Setup
 
 ```sh
-pnpm install
+npm install
 ```
 
 ### Compile and Hot-Reload for Development
 
 ```sh
-pnpm dev
+npm run dev
 ```
 
 ### Type-Check, Compile and Minify for Production
 
 ```sh
-pnpm build
+npm run build
 ```
 
 ### Run Unit Tests with [Cypress Component Testing](https://docs.cypress.io/guides/component-testing/introduction)
 
 ```sh
-pnpm test:unit # or `pnpm test:unit:ci` for headless testing
+npm run test:unit # or `npm run test:unit:ci` for headless testing
 ```
 
 ### Run End-to-End Tests with [Cypress](https://www.cypress.io/)
 
 ```sh
-pnpm build
-pnpm test:e2e # or `pnpm test:e2e:ci` for headless testing
+npm run build
+npm run test:e2e # or `npm run test:e2e:ci` for headless testing
 ```

diff --git a/playground/typescript-router-pinia-with-tests/env.d.ts b/playground/typescript-router-pinia-with-tests/env.d.ts
index dc50f12e8dcc3aea04b1305a4bf6c508e54fd9fe..cceeec5bab6644a31d8d719c9a4e1f19997edaf5 100644 (file)
--- a/playground/typescript-router-pinia-with-tests/env.d.ts
+++ b/playground/typescript-router-pinia-with-tests/env.d.ts
@@ -1,16 +1,2 @@
 /// <reference types="vite/client" />
-
-declare module '*.vue' {
-  import Vue from 'vue'
-  export default Vue
-}
-
-declare global {
-  namespace JSX {
-    interface Element extends VNode {}
-    interface ElementClass extends Vue {}
-    interface IntrinsicElements {
-      [elem: string]: any
-    }
-  }
-}
+/// <reference types="unplugin-vue2-script-setup/shims" />

diff --git a/playground/typescript-router-pinia-with-tests/package.json b/playground/typescript-router-pinia-with-tests/package.json
index 20e4dd8679038d7ad7f81edccfde890dd8f34b44..01c47cc24f140e46f9f197fabc8960c21251d52a 100644 (file)
--- a/playground/typescript-router-pinia-with-tests/package.json
+++ b/playground/typescript-router-pinia-with-tests/package.json
@@ -12,7 +12,7 @@
     "typecheck": "vue-tsc --noEmit"
   },
   "dependencies": {
-    "@vue/composition-api": "^1.4.0",
+    "@vue/composition-api": "^1.4.6",
     "pinia": "^2.0.4",
     "vue": "^2.6.14",
     "vue-router": "^3.5.3"
@@ -21,15 +21,16 @@
     "@cypress/vite-dev-server": "^2.2.1",
     "@cypress/vue": "^2.2.4",
     "@types/node": "^16.11.10",
-    "@vitejs/plugin-legacy": "^1.6.3",
-    "@vue/runtime-dom": "^3.2.22",
+    "@vitejs/plugin-legacy": "^1.7.1",
+    "@vue/runtime-dom": "^3.2.31",
     "cypress": "^9.1.0",
     "start-server-and-test": "^1.14.0",
-    "typescript": "~4.5.2",
-    "unplugin-vue2-script-setup": "^0.7.1",
-    "vite": "^2.6.14",
-    "vite-plugin-vue2": "^1.9.0",
+    "typescript": "~4.5.5",
+    "unplugin-vue2-script-setup": "^0.9.3",
+    "vite": "^2.8.3",
+    "vite-plugin-vue2": "^1.9.3",
+    "vue-template-babel-compiler": "1.1.3",
     "vue-template-compiler": "^2.6.14",
-    "vue-tsc": "^0.29.6"
+    "vue-tsc": "^0.31.4"
   }
 }

diff --git a/playground/typescript-router-pinia-with-tests/src/main.ts b/playground/typescript-router-pinia-with-tests/src/main.ts
index bbcfd4ffd15196ee3b5ce8eb5a11a0673ca346d1..4852af6b79f012dbedf24e795c78b82b6497088e 100644 (file)
--- a/playground/typescript-router-pinia-with-tests/src/main.ts
+++ b/playground/typescript-router-pinia-with-tests/src/main.ts
@@ -1,17 +1,17 @@
 import Vue from 'vue'
-import VueCompositionAPI from '@vue/composition-api'
+import VueCompositionAPI, { createApp, h } from '@vue/composition-api'
 import { createPinia, PiniaVuePlugin } from 'pinia'
 
 import App from './App.vue'
 import router from './router'
 
 Vue.use(VueCompositionAPI)
-Vue.use(PiniaVuePlugin)
 
-const app = new Vue({
+const app = createApp({
   router,
   pinia: createPinia(),
-  render: (h) => h(App)
+  render: () => h(App)
 })
+app.use(PiniaVuePlugin)
 
-app.$mount('#app')
+app.mount('#app')

diff --git a/playground/typescript-router-pinia-with-tests/vite.config.ts b/playground/typescript-router-pinia-with-tests/vite.config.ts
index af324b3800b04f81253fa0df9c1dfd583b9bec8b..42b9213668a55565db12f4da98e93aee56e45531 100644 (file)
--- a/playground/typescript-router-pinia-with-tests/vite.config.ts
+++ b/playground/typescript-router-pinia-with-tests/vite.config.ts
@@ -3,13 +3,18 @@ import { fileURLToPath } from 'url'
 import { defineConfig } from 'vite'
 import legacy from '@vitejs/plugin-legacy'
 import { createVuePlugin as vue2 } from 'vite-plugin-vue2'
+// @ts-ignore
+import vueTemplateBabelCompiler from 'vue-template-babel-compiler'
 import scriptSetup from 'unplugin-vue2-script-setup/vite'
 
 // https://vitejs.dev/config/
 export default defineConfig({
   plugins: [
     vue2({
-      jsx: true
+      jsx: true,
+      vueTemplateOptions: {
+        compiler: vueTemplateBabelCompiler
+      }
     }),
     scriptSetup(),
     legacy({

diff --git a/playground/typescript-router-pinia/README.md b/playground/typescript-router-pinia/README.md
index cc10bc16630d2194f7651c961f2588281e9d6787..e02a6cc6088bfb1a4105debab9879fbd8c706613 100644 (file)
--- a/playground/typescript-router-pinia/README.md
+++ b/playground/typescript-router-pinia/README.md
@@ -19,17 +19,17 @@ See [Vite Configuration Reference](https://vitejs.dev/config/).
 ## Project Setup
 
 ```sh
-pnpm install
+npm install
 ```
 
 ### Compile and Hot-Reload for Development
 
 ```sh
-pnpm dev
+npm run dev
 ```
 
 ### Type-Check, Compile and Minify for Production
 
 ```sh
-pnpm build
+npm run build
 ```

diff --git a/playground/typescript-router-pinia/env.d.ts b/playground/typescript-router-pinia/env.d.ts
index dc50f12e8dcc3aea04b1305a4bf6c508e54fd9fe..cceeec5bab6644a31d8d719c9a4e1f19997edaf5 100644 (file)
--- a/playground/typescript-router-pinia/env.d.ts
+++ b/playground/typescript-router-pinia/env.d.ts
@@ -1,16 +1,2 @@
 /// <reference types="vite/client" />
-
-declare module '*.vue' {
-  import Vue from 'vue'
-  export default Vue
-}
-
-declare global {
-  namespace JSX {
-    interface Element extends VNode {}
-    interface ElementClass extends Vue {}
-    interface IntrinsicElements {
-      [elem: string]: any
-    }
-  }
-}
+/// <reference types="unplugin-vue2-script-setup/shims" />

diff --git a/playground/typescript-router-pinia/package.json b/playground/typescript-router-pinia/package.json
index 3d8c1530eeb5e78ec19e9dbc8c6c799c0a208b5a..b9943fcb5b92c7cf37393c69a64e22340b01b8f9 100644 (file)
--- a/playground/typescript-router-pinia/package.json
+++ b/playground/typescript-router-pinia/package.json
@@ -8,20 +8,21 @@
     "typecheck": "vue-tsc --noEmit"
   },
   "dependencies": {
-    "@vue/composition-api": "^1.4.0",
+    "@vue/composition-api": "^1.4.6",
     "pinia": "^2.0.4",
     "vue": "^2.6.14",
     "vue-router": "^3.5.3"
   },
   "devDependencies": {
     "@types/node": "^16.11.10",
-    "@vitejs/plugin-legacy": "^1.6.3",
-    "@vue/runtime-dom": "^3.2.22",
-    "typescript": "~4.5.2",
-    "unplugin-vue2-script-setup": "^0.7.1",
-    "vite": "^2.6.14",
-    "vite-plugin-vue2": "^1.9.0",
+    "@vitejs/plugin-legacy": "^1.7.1",
+    "@vue/runtime-dom": "^3.2.31",
+    "typescript": "~4.5.5",
+    "unplugin-vue2-script-setup": "^0.9.3",
+    "vite": "^2.8.3",
+    "vite-plugin-vue2": "^1.9.3",
+    "vue-template-babel-compiler": "1.1.3",
     "vue-template-compiler": "^2.6.14",
-    "vue-tsc": "^0.29.6"
+    "vue-tsc": "^0.31.4"
   }
 }

diff --git a/playground/typescript-router-pinia/src/main.ts b/playground/typescript-router-pinia/src/main.ts
index bbcfd4ffd15196ee3b5ce8eb5a11a0673ca346d1..4852af6b79f012dbedf24e795c78b82b6497088e 100644 (file)
--- a/playground/typescript-router-pinia/src/main.ts
+++ b/playground/typescript-router-pinia/src/main.ts
@@ -1,17 +1,17 @@
 import Vue from 'vue'
-import VueCompositionAPI from '@vue/composition-api'
+import VueCompositionAPI, { createApp, h } from '@vue/composition-api'
 import { createPinia, PiniaVuePlugin } from 'pinia'
 
 import App from './App.vue'
 import router from './router'
 
 Vue.use(VueCompositionAPI)
-Vue.use(PiniaVuePlugin)
 
-const app = new Vue({
+const app = createApp({
   router,
   pinia: createPinia(),
-  render: (h) => h(App)
+  render: () => h(App)
 })
+app.use(PiniaVuePlugin)
 
-app.$mount('#app')
+app.mount('#app')

diff --git a/playground/typescript-router-pinia/vite.config.ts b/playground/typescript-router-pinia/vite.config.ts
index af324b3800b04f81253fa0df9c1dfd583b9bec8b..42b9213668a55565db12f4da98e93aee56e45531 100644 (file)
--- a/playground/typescript-router-pinia/vite.config.ts
+++ b/playground/typescript-router-pinia/vite.config.ts
@@ -3,13 +3,18 @@ import { fileURLToPath } from 'url'
 import { defineConfig } from 'vite'
 import legacy from '@vitejs/plugin-legacy'
 import { createVuePlugin as vue2 } from 'vite-plugin-vue2'
+// @ts-ignore
+import vueTemplateBabelCompiler from 'vue-template-babel-compiler'
 import scriptSetup from 'unplugin-vue2-script-setup/vite'
 
 // https://vitejs.dev/config/
 export default defineConfig({
   plugins: [
     vue2({
-      jsx: true
+      jsx: true,
+      vueTemplateOptions: {
+        compiler: vueTemplateBabelCompiler
+      }
     }),
     scriptSetup(),
     legacy({

diff --git a/playground/typescript-router-with-tests/README.md b/playground/typescript-router-with-tests/README.md
index 486bd2d1b354f44c841d27ffcb9db8499e1a7d87..8d22235ab74ec1d63dc71ea21841daac203a27c2 100644 (file)
--- a/playground/typescript-router-with-tests/README.md
+++ b/playground/typescript-router-with-tests/README.md
@@ -19,30 +19,30 @@ See [Vite Configuration Reference](https://vitejs.dev/config/).
 ## Project Setup
 
 ```sh
-pnpm install
+npm install
 ```
 
 ### Compile and Hot-Reload for Development
 
 ```sh
-pnpm dev
+npm run dev
 ```
 
 ### Type-Check, Compile and Minify for Production
 
 ```sh
-pnpm build
+npm run build
 ```
 
 ### Run Unit Tests with [Cypress Component Testing](https://docs.cypress.io/guides/component-testing/introduction)
 
 ```sh
-pnpm test:unit # or `pnpm test:unit:ci` for headless testing
+npm run test:unit # or `npm run test:unit:ci` for headless testing
 ```
 
 ### Run End-to-End Tests with [Cypress](https://www.cypress.io/)
 
 ```sh
-pnpm build
-pnpm test:e2e # or `pnpm test:e2e:ci` for headless testing
+npm run build
+npm run test:e2e # or `npm run test:e2e:ci` for headless testing
 ```

diff --git a/playground/typescript-router-with-tests/env.d.ts b/playground/typescript-router-with-tests/env.d.ts
index dc50f12e8dcc3aea04b1305a4bf6c508e54fd9fe..cceeec5bab6644a31d8d719c9a4e1f19997edaf5 100644 (file)
--- a/playground/typescript-router-with-tests/env.d.ts
+++ b/playground/typescript-router-with-tests/env.d.ts
@@ -1,16 +1,2 @@
 /// <reference types="vite/client" />
-
-declare module '*.vue' {
-  import Vue from 'vue'
-  export default Vue
-}
-
-declare global {
-  namespace JSX {
-    interface Element extends VNode {}
-    interface ElementClass extends Vue {}
-    interface IntrinsicElements {
-      [elem: string]: any
-    }
-  }
-}
+/// <reference types="unplugin-vue2-script-setup/shims" />

diff --git a/playground/typescript-router-with-tests/package.json b/playground/typescript-router-with-tests/package.json
index a35e9b18fb5826c63067421189472a227498fdbf..439a388ecb0aa2d7ea28b9227dca7ab021c2f734 100644 (file)
--- a/playground/typescript-router-with-tests/package.json
+++ b/playground/typescript-router-with-tests/package.json
@@ -12,7 +12,7 @@
     "typecheck": "vue-tsc --noEmit"
   },
   "dependencies": {
-    "@vue/composition-api": "^1.4.0",
+    "@vue/composition-api": "^1.4.6",
     "vue": "^2.6.14",
     "vue-router": "^3.5.3"
   },
@@ -20,15 +20,16 @@
     "@cypress/vite-dev-server": "^2.2.1",
     "@cypress/vue": "^2.2.4",
     "@types/node": "^16.11.10",
-    "@vitejs/plugin-legacy": "^1.6.3",
-    "@vue/runtime-dom": "^3.2.22",
+    "@vitejs/plugin-legacy": "^1.7.1",
+    "@vue/runtime-dom": "^3.2.31",
     "cypress": "^9.1.0",
     "start-server-and-test": "^1.14.0",
-    "typescript": "~4.5.2",
-    "unplugin-vue2-script-setup": "^0.7.1",
-    "vite": "^2.6.14",
-    "vite-plugin-vue2": "^1.9.0",
+    "typescript": "~4.5.5",
+    "unplugin-vue2-script-setup": "^0.9.3",
+    "vite": "^2.8.3",
+    "vite-plugin-vue2": "^1.9.3",
+    "vue-template-babel-compiler": "1.1.3",
     "vue-template-compiler": "^2.6.14",
-    "vue-tsc": "^0.29.6"
+    "vue-tsc": "^0.31.4"
   }
 }

diff --git a/playground/typescript-router-with-tests/src/main.ts b/playground/typescript-router-with-tests/src/main.ts
index cc1d0fb797765afa49efc38776876ff9162150f4..2c19465d7ac15303681606f3ef21d5d42e567abe 100644 (file)
--- a/playground/typescript-router-with-tests/src/main.ts
+++ b/playground/typescript-router-with-tests/src/main.ts
@@ -1,14 +1,14 @@
 import Vue from 'vue'
-import VueCompositionAPI from '@vue/composition-api'
+import VueCompositionAPI, { createApp, h } from '@vue/composition-api'
 
 import App from './App.vue'
 import router from './router'
 
 Vue.use(VueCompositionAPI)
 
-const app = new Vue({
+const app = createApp({
   router,
-  render: (h) => h(App)
+  render: () => h(App)
 })
 
-app.$mount('#app')
+app.mount('#app')

diff --git a/playground/typescript-router-with-tests/vite.config.ts b/playground/typescript-router-with-tests/vite.config.ts
index af324b3800b04f81253fa0df9c1dfd583b9bec8b..42b9213668a55565db12f4da98e93aee56e45531 100644 (file)
--- a/playground/typescript-router-with-tests/vite.config.ts
+++ b/playground/typescript-router-with-tests/vite.config.ts
@@ -3,13 +3,18 @@ import { fileURLToPath } from 'url'
 import { defineConfig } from 'vite'
 import legacy from '@vitejs/plugin-legacy'
 import { createVuePlugin as vue2 } from 'vite-plugin-vue2'
+// @ts-ignore
+import vueTemplateBabelCompiler from 'vue-template-babel-compiler'
 import scriptSetup from 'unplugin-vue2-script-setup/vite'
 
 // https://vitejs.dev/config/
 export default defineConfig({
   plugins: [
     vue2({
-      jsx: true
+      jsx: true,
+      vueTemplateOptions: {
+        compiler: vueTemplateBabelCompiler
+      }
     }),
     scriptSetup(),
     legacy({

diff --git a/playground/typescript-router/README.md b/playground/typescript-router/README.md
index c2b4a8658a24da8f94e1d12fc4927eaec41ea0ed..3b172a2a39a459d0b2d1f56ba76157b3aaec9186 100644 (file)
--- a/playground/typescript-router/README.md
+++ b/playground/typescript-router/README.md
@@ -19,17 +19,17 @@ See [Vite Configuration Reference](https://vitejs.dev/config/).
 ## Project Setup
 
 ```sh
-pnpm install
+npm install
 ```
 
 ### Compile and Hot-Reload for Development
 
 ```sh
-pnpm dev
+npm run dev
 ```
 
 ### Type-Check, Compile and Minify for Production
 
 ```sh
-pnpm build
+npm run build
 ```

diff --git a/playground/typescript-router/env.d.ts b/playground/typescript-router/env.d.ts
index dc50f12e8dcc3aea04b1305a4bf6c508e54fd9fe..cceeec5bab6644a31d8d719c9a4e1f19997edaf5 100644 (file)
--- a/playground/typescript-router/env.d.ts
+++ b/playground/typescript-router/env.d.ts
@@ -1,16 +1,2 @@
 /// <reference types="vite/client" />
-
-declare module '*.vue' {
-  import Vue from 'vue'
-  export default Vue
-}
-
-declare global {
-  namespace JSX {
-    interface Element extends VNode {}
-    interface ElementClass extends Vue {}
-    interface IntrinsicElements {
-      [elem: string]: any
-    }
-  }
-}
+/// <reference types="unplugin-vue2-script-setup/shims" />

diff --git a/playground/typescript-router/package.json b/playground/typescript-router/package.json
index b2f813efd6c64dc66882fcc95bb9ca4e0bc2476b..b877124fc62b47282963e8683e9572d79c54d4bc 100644 (file)
--- a/playground/typescript-router/package.json
+++ b/playground/typescript-router/package.json
@@ -8,19 +8,20 @@
     "typecheck": "vue-tsc --noEmit"
   },
   "dependencies": {
-    "@vue/composition-api": "^1.4.0",
+    "@vue/composition-api": "^1.4.6",
     "vue": "^2.6.14",
     "vue-router": "^3.5.3"
   },
   "devDependencies": {
     "@types/node": "^16.11.10",
-    "@vitejs/plugin-legacy": "^1.6.3",
-    "@vue/runtime-dom": "^3.2.22",
-    "typescript": "~4.5.2",
-    "unplugin-vue2-script-setup": "^0.7.1",
-    "vite": "^2.6.14",
-    "vite-plugin-vue2": "^1.9.0",
+    "@vitejs/plugin-legacy": "^1.7.1",
+    "@vue/runtime-dom": "^3.2.31",
+    "typescript": "~4.5.5",
+    "unplugin-vue2-script-setup": "^0.9.3",
+    "vite": "^2.8.3",
+    "vite-plugin-vue2": "^1.9.3",
+    "vue-template-babel-compiler": "1.1.3",
     "vue-template-compiler": "^2.6.14",
-    "vue-tsc": "^0.29.6"
+    "vue-tsc": "^0.31.4"
   }
 }

diff --git a/playground/typescript-router/src/main.ts b/playground/typescript-router/src/main.ts
index cc1d0fb797765afa49efc38776876ff9162150f4..2c19465d7ac15303681606f3ef21d5d42e567abe 100644 (file)
--- a/playground/typescript-router/src/main.ts
+++ b/playground/typescript-router/src/main.ts
@@ -1,14 +1,14 @@
 import Vue from 'vue'
-import VueCompositionAPI from '@vue/composition-api'
+import VueCompositionAPI, { createApp, h } from '@vue/composition-api'
 
 import App from './App.vue'
 import router from './router'
 
 Vue.use(VueCompositionAPI)
 
-const app = new Vue({
+const app = createApp({
   router,
-  render: (h) => h(App)
+  render: () => h(App)
 })
 
-app.$mount('#app')
+app.mount('#app')

diff --git a/playground/typescript-router/vite.config.ts b/playground/typescript-router/vite.config.ts
index af324b3800b04f81253fa0df9c1dfd583b9bec8b..42b9213668a55565db12f4da98e93aee56e45531 100644 (file)
--- a/playground/typescript-router/vite.config.ts
+++ b/playground/typescript-router/vite.config.ts
@@ -3,13 +3,18 @@ import { fileURLToPath } from 'url'
 import { defineConfig } from 'vite'
 import legacy from '@vitejs/plugin-legacy'
 import { createVuePlugin as vue2 } from 'vite-plugin-vue2'
+// @ts-ignore
+import vueTemplateBabelCompiler from 'vue-template-babel-compiler'
 import scriptSetup from 'unplugin-vue2-script-setup/vite'
 
 // https://vitejs.dev/config/
 export default defineConfig({
   plugins: [
     vue2({
-      jsx: true
+      jsx: true,
+      vueTemplateOptions: {
+        compiler: vueTemplateBabelCompiler
+      }
     }),
     scriptSetup(),
     legacy({

diff --git a/playground/typescript-with-tests/README.md b/playground/typescript-with-tests/README.md
index a8d2318d7376fdea7fdcfe7b3cfa14b2e163ec8f..cc1c517d70fac8594701dc63a7a62a9d7951272d 100644 (file)
--- a/playground/typescript-with-tests/README.md
+++ b/playground/typescript-with-tests/README.md
@@ -19,30 +19,30 @@ See [Vite Configuration Reference](https://vitejs.dev/config/).
 ## Project Setup
 
 ```sh
-pnpm install
+npm install
 ```
 
 ### Compile and Hot-Reload for Development
 
 ```sh
-pnpm dev
+npm run dev
 ```
 
 ### Type-Check, Compile and Minify for Production
 
 ```sh
-pnpm build
+npm run build
 ```
 
 ### Run Unit Tests with [Cypress Component Testing](https://docs.cypress.io/guides/component-testing/introduction)
 
 ```sh
-pnpm test:unit # or `pnpm test:unit:ci` for headless testing
+npm run test:unit # or `npm run test:unit:ci` for headless testing
 ```
 
 ### Run End-to-End Tests with [Cypress](https://www.cypress.io/)
 
 ```sh
-pnpm build
-pnpm test:e2e # or `pnpm test:e2e:ci` for headless testing
+npm run build
+npm run test:e2e # or `npm run test:e2e:ci` for headless testing
 ```

diff --git a/playground/typescript-with-tests/env.d.ts b/playground/typescript-with-tests/env.d.ts
index dc50f12e8dcc3aea04b1305a4bf6c508e54fd9fe..cceeec5bab6644a31d8d719c9a4e1f19997edaf5 100644 (file)
--- a/playground/typescript-with-tests/env.d.ts
+++ b/playground/typescript-with-tests/env.d.ts
@@ -1,16 +1,2 @@
 /// <reference types="vite/client" />
-
-declare module '*.vue' {
-  import Vue from 'vue'
-  export default Vue
-}
-
-declare global {
-  namespace JSX {
-    interface Element extends VNode {}
-    interface ElementClass extends Vue {}
-    interface IntrinsicElements {
-      [elem: string]: any
-    }
-  }
-}
+/// <reference types="unplugin-vue2-script-setup/shims" />

diff --git a/playground/typescript-with-tests/package.json b/playground/typescript-with-tests/package.json
index 49bf30644453eb55330a5eada03c6c35bdd5050a..1d8e5faf66d6244231e204cbccd444c1b22f6566 100644 (file)
--- a/playground/typescript-with-tests/package.json
+++ b/playground/typescript-with-tests/package.json
@@ -12,22 +12,23 @@
     "typecheck": "vue-tsc --noEmit"
   },
   "dependencies": {
-    "@vue/composition-api": "^1.4.0",
+    "@vue/composition-api": "^1.4.6",
     "vue": "^2.6.14"
   },
   "devDependencies": {
     "@cypress/vite-dev-server": "^2.2.1",
     "@cypress/vue": "^2.2.4",
     "@types/node": "^16.11.10",
-    "@vitejs/plugin-legacy": "^1.6.3",
-    "@vue/runtime-dom": "^3.2.22",
+    "@vitejs/plugin-legacy": "^1.7.1",
+    "@vue/runtime-dom": "^3.2.31",
     "cypress": "^9.1.0",
     "start-server-and-test": "^1.14.0",
-    "typescript": "~4.5.2",
-    "unplugin-vue2-script-setup": "^0.7.1",
-    "vite": "^2.6.14",
-    "vite-plugin-vue2": "^1.9.0",
+    "typescript": "~4.5.5",
+    "unplugin-vue2-script-setup": "^0.9.3",
+    "vite": "^2.8.3",
+    "vite-plugin-vue2": "^1.9.3",
+    "vue-template-babel-compiler": "1.1.3",
     "vue-template-compiler": "^2.6.14",
-    "vue-tsc": "^0.29.6"
+    "vue-tsc": "^0.31.4"
   }
 }

diff --git a/playground/typescript-with-tests/src/main.ts b/playground/typescript-with-tests/src/main.ts
index 437d7358011b2fed73c87fd0f64018754ed96190..f201f6974c9672e29b4e706638939917326feccd 100644 (file)
--- a/playground/typescript-with-tests/src/main.ts
+++ b/playground/typescript-with-tests/src/main.ts
@@ -1,12 +1,12 @@
 import Vue from 'vue'
-import VueCompositionAPI from '@vue/composition-api'
+import VueCompositionAPI, { createApp, h } from '@vue/composition-api'
 
 import App from './App.vue'
 
 Vue.use(VueCompositionAPI)
 
-const app = new Vue({
-  render: (h) => h(App)
+const app = createApp({
+  render: () => h(App)
 })
 
-app.$mount('#app')
+app.mount('#app')

diff --git a/playground/typescript-with-tests/vite.config.ts b/playground/typescript-with-tests/vite.config.ts
index af324b3800b04f81253fa0df9c1dfd583b9bec8b..42b9213668a55565db12f4da98e93aee56e45531 100644 (file)
--- a/playground/typescript-with-tests/vite.config.ts
+++ b/playground/typescript-with-tests/vite.config.ts
@@ -3,13 +3,18 @@ import { fileURLToPath } from 'url'
 import { defineConfig } from 'vite'
 import legacy from '@vitejs/plugin-legacy'
 import { createVuePlugin as vue2 } from 'vite-plugin-vue2'
+// @ts-ignore
+import vueTemplateBabelCompiler from 'vue-template-babel-compiler'
 import scriptSetup from 'unplugin-vue2-script-setup/vite'
 
 // https://vitejs.dev/config/
 export default defineConfig({
   plugins: [
     vue2({
-      jsx: true
+      jsx: true,
+      vueTemplateOptions: {
+        compiler: vueTemplateBabelCompiler
+      }
     }),
     scriptSetup(),
     legacy({

diff --git a/playground/typescript/README.md b/playground/typescript/README.md
index 2745fb2971eef87c254fa6f11a1479a248e02b4a..39ffcb21411f4c0d80657b62a14bede2dcc6c527 100644 (file)
--- a/playground/typescript/README.md
+++ b/playground/typescript/README.md
@@ -19,17 +19,17 @@ See [Vite Configuration Reference](https://vitejs.dev/config/).
 ## Project Setup
 
 ```sh
-pnpm install
+npm install
 ```
 
 ### Compile and Hot-Reload for Development
 
 ```sh
-pnpm dev
+npm run dev
 ```
 
 ### Type-Check, Compile and Minify for Production
 
 ```sh
-pnpm build
+npm run build
 ```

diff --git a/playground/typescript/env.d.ts b/playground/typescript/env.d.ts
index dc50f12e8dcc3aea04b1305a4bf6c508e54fd9fe..cceeec5bab6644a31d8d719c9a4e1f19997edaf5 100644 (file)
--- a/playground/typescript/env.d.ts
+++ b/playground/typescript/env.d.ts
@@ -1,16 +1,2 @@
 /// <reference types="vite/client" />
-
-declare module '*.vue' {
-  import Vue from 'vue'
-  export default Vue
-}
-
-declare global {
-  namespace JSX {
-    interface Element extends VNode {}
-    interface ElementClass extends Vue {}
-    interface IntrinsicElements {
-      [elem: string]: any
-    }
-  }
-}
+/// <reference types="unplugin-vue2-script-setup/shims" />

diff --git a/playground/typescript/package.json b/playground/typescript/package.json
index 1a86d017d7c3268a5ee951346bf7f6306f390c8f..cb02434cf875ae0ae5f3071496aac8eb3e9d63bb 100644 (file)
--- a/playground/typescript/package.json
+++ b/playground/typescript/package.json
@@ -8,18 +8,19 @@
     "typecheck": "vue-tsc --noEmit"
   },
   "dependencies": {
-    "@vue/composition-api": "^1.4.0",
+    "@vue/composition-api": "^1.4.6",
     "vue": "^2.6.14"
   },
   "devDependencies": {
     "@types/node": "^16.11.10",
-    "@vitejs/plugin-legacy": "^1.6.3",
-    "@vue/runtime-dom": "^3.2.22",
-    "typescript": "~4.5.2",
-    "unplugin-vue2-script-setup": "^0.7.1",
-    "vite": "^2.6.14",
-    "vite-plugin-vue2": "^1.9.0",
+    "@vitejs/plugin-legacy": "^1.7.1",
+    "@vue/runtime-dom": "^3.2.31",
+    "typescript": "~4.5.5",
+    "unplugin-vue2-script-setup": "^0.9.3",
+    "vite": "^2.8.3",
+    "vite-plugin-vue2": "^1.9.3",
+    "vue-template-babel-compiler": "1.1.3",
     "vue-template-compiler": "^2.6.14",
-    "vue-tsc": "^0.29.6"
+    "vue-tsc": "^0.31.4"
   }
 }

diff --git a/playground/typescript/src/main.ts b/playground/typescript/src/main.ts
index 437d7358011b2fed73c87fd0f64018754ed96190..f201f6974c9672e29b4e706638939917326feccd 100644 (file)
--- a/playground/typescript/src/main.ts
+++ b/playground/typescript/src/main.ts
@@ -1,12 +1,12 @@
 import Vue from 'vue'
-import VueCompositionAPI from '@vue/composition-api'
+import VueCompositionAPI, { createApp, h } from '@vue/composition-api'
 
 import App from './App.vue'
 
 Vue.use(VueCompositionAPI)
 
-const app = new Vue({
-  render: (h) => h(App)
+const app = createApp({
+  render: () => h(App)
 })
 
-app.$mount('#app')
+app.mount('#app')

diff --git a/playground/typescript/vite.config.ts b/playground/typescript/vite.config.ts
index af324b3800b04f81253fa0df9c1dfd583b9bec8b..42b9213668a55565db12f4da98e93aee56e45531 100644 (file)
--- a/playground/typescript/vite.config.ts
+++ b/playground/typescript/vite.config.ts
@@ -3,13 +3,18 @@ import { fileURLToPath } from 'url'
 import { defineConfig } from 'vite'
 import legacy from '@vitejs/plugin-legacy'
 import { createVuePlugin as vue2 } from 'vite-plugin-vue2'
+// @ts-ignore
+import vueTemplateBabelCompiler from 'vue-template-babel-compiler'
 import scriptSetup from 'unplugin-vue2-script-setup/vite'
 
 // https://vitejs.dev/config/
 export default defineConfig({
   plugins: [
     vue2({
-      jsx: true
+      jsx: true,
+      vueTemplateOptions: {
+        compiler: vueTemplateBabelCompiler
+      }
     }),
     scriptSetup(),
     legacy({

diff --git a/playground/with-tests/README.md b/playground/with-tests/README.md
index fa69ac2bd1d4ada9d8dadeb5a9448d3ebb43746b..b3c75c42e9f2da43b0aba089af96d431a34a7c01 100644 (file)
--- a/playground/with-tests/README.md
+++ b/playground/with-tests/README.md
@@ -13,30 +13,30 @@ See [Vite Configuration Reference](https://vitejs.dev/config/).
 ## Project Setup
 
 ```sh
-pnpm install
+npm install
 ```
 
 ### Compile and Hot-Reload for Development
 
 ```sh
-pnpm dev
+npm run dev
 ```
 
 ### Compile and Minify for Production
 
 ```sh
-pnpm build
+npm run build
 ```
 
 ### Run Unit Tests with [Cypress Component Testing](https://docs.cypress.io/guides/component-testing/introduction)
 
 ```sh
-pnpm test:unit # or `pnpm test:unit:ci` for headless testing
+npm run test:unit # or `npm run test:unit:ci` for headless testing
 ```
 
 ### Run End-to-End Tests with [Cypress](https://www.cypress.io/)
 
 ```sh
-pnpm build
-pnpm test:e2e # or `pnpm test:e2e:ci` for headless testing
+npm run build
+npm run test:e2e # or `npm run test:e2e:ci` for headless testing
 ```

diff --git a/playground/with-tests/package.json b/playground/with-tests/package.json
index e646ce4541686521210dfcb6b80156991d91b23e..0cc612da8924ede747e02d74705390437286c3a8 100644 (file)
--- a/playground/with-tests/package.json
+++ b/playground/with-tests/package.json
@@ -11,19 +11,20 @@
     "test:e2e:ci": "start-server-and-test preview http://127.0.0.1:5050/ 'cypress run'"
   },
   "dependencies": {
-    "@vue/composition-api": "^1.4.0",
+    "@vue/composition-api": "^1.4.6",
     "vue": "^2.6.14"
   },
   "devDependencies": {
     "@cypress/vite-dev-server": "^2.2.1",
     "@cypress/vue": "^2.2.4",
-    "@vitejs/plugin-legacy": "^1.6.3",
-    "@vue/runtime-dom": "^3.2.22",
+    "@vitejs/plugin-legacy": "^1.7.1",
+    "@vue/runtime-dom": "^3.2.31",
     "cypress": "^9.1.0",
     "start-server-and-test": "^1.14.0",
-    "unplugin-vue2-script-setup": "^0.7.1",
-    "vite": "^2.6.14",
-    "vite-plugin-vue2": "^1.9.0",
+    "unplugin-vue2-script-setup": "^0.9.3",
+    "vite": "^2.8.3",
+    "vite-plugin-vue2": "^1.9.3",
+    "vue-template-babel-compiler": "1.1.3",
     "vue-template-compiler": "^2.6.14"
   }
 }

diff --git a/playground/with-tests/src/main.js b/playground/with-tests/src/main.js
index 437d7358011b2fed73c87fd0f64018754ed96190..f201f6974c9672e29b4e706638939917326feccd 100644 (file)
--- a/playground/with-tests/src/main.js
+++ b/playground/with-tests/src/main.js
@@ -1,12 +1,12 @@
 import Vue from 'vue'
-import VueCompositionAPI from '@vue/composition-api'
+import VueCompositionAPI, { createApp, h } from '@vue/composition-api'
 
 import App from './App.vue'
 
 Vue.use(VueCompositionAPI)
 
-const app = new Vue({
-  render: (h) => h(App)
+const app = createApp({
+  render: () => h(App)
 })
 
-app.$mount('#app')
+app.mount('#app')

diff --git a/playground/with-tests/vite.config.js b/playground/with-tests/vite.config.js
index af324b3800b04f81253fa0df9c1dfd583b9bec8b..42b9213668a55565db12f4da98e93aee56e45531 100644 (file)
--- a/playground/with-tests/vite.config.js
+++ b/playground/with-tests/vite.config.js
@@ -3,13 +3,18 @@ import { fileURLToPath } from 'url'
 import { defineConfig } from 'vite'
 import legacy from '@vitejs/plugin-legacy'
 import { createVuePlugin as vue2 } from 'vite-plugin-vue2'
+// @ts-ignore
+import vueTemplateBabelCompiler from 'vue-template-babel-compiler'
 import scriptSetup from 'unplugin-vue2-script-setup/vite'
 
 // https://vitejs.dev/config/
 export default defineConfig({
   plugins: [
     vue2({
-      jsx: true
+      jsx: true,
+      vueTemplateOptions: {
+        compiler: vueTemplateBabelCompiler
+      }
     }),
     scriptSetup(),
     legacy({