feat: use vue 3 like API in main.js (#52)

diff --git a/template/entry/default/src/main.js b/template/entry/default/src/main.js
index 437d7358011b2fed73c87fd0f64018754ed96190..f201f6974c9672e29b4e706638939917326feccd 100644 (file)
--- a/template/entry/default/src/main.js
+++ b/template/entry/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/template/entry/pinia/src/main.js b/template/entry/pinia/src/main.js
index 82926e979e13061f721ce5c65f3b3d166f913347..4167deecc0d9fbf150480b5cb3254f65f2e9a76d 100644 (file)
--- a/template/entry/pinia/src/main.js
+++ b/template/entry/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/template/entry/router-and-pinia/src/main.js b/template/entry/router-and-pinia/src/main.js
index bbcfd4ffd15196ee3b5ce8eb5a11a0673ca346d1..4852af6b79f012dbedf24e795c78b82b6497088e 100644 (file)
--- a/template/entry/router-and-pinia/src/main.js
+++ b/template/entry/router-and-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/template/entry/router/src/main.js b/template/entry/router/src/main.js
index cc1d0fb797765afa49efc38776876ff9162150f4..2c19465d7ac15303681606f3ef21d5d42e567abe 100644 (file)
--- a/template/entry/router/src/main.js
+++ b/template/entry/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')