From 468b567202027ff8814e481d0e6ac30028fed3bb Mon Sep 17 00:00:00 2001
From: ZHAO Jinxiang <xiaoxiangmoe@gmail.com>
Date: Wed, 16 Feb 2022 15:12:10 +0800
Subject: [PATCH] feat: use vue 3 like API in main.js (#52)

---
 template/entry/default/src/main.js          |  8 ++++----
 template/entry/pinia/src/main.js            | 10 +++++-----
 template/entry/router-and-pinia/src/main.js | 10 +++++-----
 template/entry/router/src/main.js           |  8 ++++----
 4 files changed, 18 insertions(+), 18 deletions(-)

diff --git a/template/entry/default/src/main.js b/template/entry/default/src/main.js
index 437d7358..f201f697 100644
--- 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 82926e97..4167deec 100644
--- 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 bbcfd4ff..4852af6b 100644
--- 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 cc1d0fb7..2c19465d 100644
--- 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')
-- 
2.47.3