feat(vue3): add ts template

generator.js

@@ -31,13 +31,12 @@ async function generate (dir, files, base = '', rootOptions = {}) {
   })
 }
 
-module.exports = (api, options, rootOptions) => {
+module.exports = (api, options, rootOptions) => {
   api.extendPackage(pkg => {
     return {
       dependencies: {
         'regenerator-runtime': '^0.12.1',// 锁定版本，避免高版本在小程序中出错
-        '@dcloudio/uni-helper-json': '*',
-        'vuex': '^4.0.0-beta.4'
+        '@dcloudio/uni-helper-json': '*'
       },
       devDependencies: {
         'postcss-comment': '^2.0.0',

preset.json

@@ -1,4 +1,5 @@
 {
+    "vueVersion": "3",
     "useConfigFiles": false,
     "plugins": {
         "@dcloudio/vue-cli-plugin-uni": {

prompts.js

@@ -5,6 +5,9 @@ module.exports = [{
   choices: [{
     name: '默认模板',
     value: 'default'
+  },{
+    name: '默认模板(TypeScript)',
+    value: 'default-ts'
   }
   ],
   default: 'None'

template/default-ts/App.vue

@@ -1,7 +1,8 @@
 <script lang="ts">
-    import Vue from 'vue';
-    export default Vue.extend({
-        mpType: 'app',
+    import {
+        defineComponent
+    } from 'vue'
+    export default defineComponent({
         onLaunch() {
             console.log('App Launch')
         },
@@ -11,9 +12,8 @@
         onHide() {
             console.log('App Hide')
         }
-    });
+    })
 </script>
-
 <style>
     /*每个页面公共css */
 </style>

template/default-ts/main.ts

@@ -1,6 +1,4 @@
-import Vue from 'vue'
-import App from './App.vue'
-
-Vue.config.productionTip = false
-
-new App().$mount()
+import { createApp } from 'vue'
+import App from './App.vue'
+
+createApp(App).mount('#app')

template/default-ts/pages/index/index.vue

@@ -1,41 +1,39 @@
 <template>
-	<view class="content">
+    <view class="content">
         <image class="logo" src="../../static/logo.png"></image>
-		<view>
-            <text class="title">{{title}}</text>
+        <view>
+            <text class="title">{{ title }}</text>
         </view>
-	</view>
+    </view>
 </template>
 
-<script lang="ts">
-    import Vue from 'vue';
-	export default Vue.extend({
-		data() {
-			return {
-				title: 'Hello'
-			}
-		},
-		onLoad() {
-
-		},
-		methods: {
-
-		}
-	});
+<script lang="ts">
+    import {
+        defineComponent
+    } from "vue";
+    export default defineComponent({
+        setup() {
+            return {
+                title: "hello",
+            };
+        },
+    });
 </script>
 
 <style>
-	.content {
-		text-align: center;
-		height: 400upx;
-	}
-    .logo{
+    .content {
+        text-align: center;
+        height: 400upx;
+    }
+
+    .logo {
         height: 200upx;
         width: 200upx;
         margin-top: 200upx;
     }
-	.title {
-		font-size: 36upx;
-		color: #8f8f94;
-	}
+
+    .title {
+        font-size: 36upx;
+        color: #8f8f94;
+    }
 </style>

template/default-ts/sfc.d.ts

@@ -1,4 +0,0 @@
-declare module "*.vue" {
-    import Vue from 'vue'
-    export default Vue
-}

template/default-ts/shims-vue.d.ts

@@ -0,0 +1,5 @@
+declare module "*.vue" {
+  import type { DefineComponent } from "vue";
+  const component: DefineComponent<{}, {}, any>;
+  export default component;
+}

template/default-ts/uni-app.d.ts

@@ -0,0 +1,5 @@
+import "vue";
+declare module "vue" {
+  type Hooks = App.AppInstance & Page.PageInstance;
+  interface ComponentCustomOptions extends Hooks {}
+}

template/default/App.vue

@@ -1,18 +1,17 @@
-<script>
-    import {
-        onLaunch,
-        onShow,
-        onHide
-    } from 'vue'
-    export default {
-        setup() {
-            onLaunch(() => console.log('App Launch'))
-            onShow(() => console.log('App Show'))
-            onHide(() => console.log('App Hide'))
-        }
-    }
-</script>
-
-<style>
-    /*每个页面公共css */
+<script>
+    export default {
+        onLaunch() {
+            console.log('App Launch')
+        },
+        onShow() {
+            console.log('App Show')
+        },
+        onHide() {
+            console.log('App Hide')
+        }
+    }
+</script>
+
+<style>
+    /*每个页面公共css */
 </style>