add vue3 setup component

Author: coderwhy

lib/core/actions.js

@@ -61,6 +61,12 @@ const addVue3Page = async (name, dest) => {
   handleEjsToFile(name, routerDest, '../template/vue-router4.js.ejs', `${name}.ts`)
 }
 
+const addVue3PageSetup = async (name, dest) => {
+  handleEjsToFile(name, dest, '../template/component3_ts_su.vue.ejs', `${name}.vue`);
+  let routerDest = dest.replace("views", "router")
+  handleEjsToFile(name, routerDest, '../template/vue-router4.js.ejs', `${name}.ts`)
+}
+
 const addStore = async (name, dest) => {
   handleEjsToFile(name, dest, '../template/vue-store.js.ejs', 'index.js')
   handleEjsToFile(name, dest, '../template/vue-types.js.ejs', 'types.js')
@@ -71,5 +77,6 @@ module.exports = {
   addComponent,
   addPage,
   addVue3Page,
+  addVue3PageSetup,
   addStore
 }

lib/core/create.js

@@ -5,6 +5,7 @@ const {
   addComponent,
   addPage,
   addVue3Page,
+  addVue3PageSetup,
   addStore
 } = require('./actions');
 
@@ -33,6 +34,13 @@ const createCommands = () => {
     .action(name => {
       addVue3Page(name, program.dest || `src/views/${name.toLowerCase()}`)
     })
+    
+  program
+    .command('add3page_setup <name>')
+    .description('add vue page, 例如: coderwhy add3page_setup Home [-d dest]')
+    .action(name => {
+      addVue3PageSetup(name, program.dest || `src/views/${name.toLowerCase()}`)
+    })
 
   program
     .command('addstore <name>')

lib/template/component3_ts_su.vue.ejs

@@ -0,0 +1,12 @@
+<template>
+  <div class="<%= data.lowerName %>">
+    <h2><%= data.lowerName %></h2>
+  </div>
+</template>
+
+<script setup lang="ts" name="<%= data.lowerName %>"></script>
+
+<style scoped>
+.<%= data.lowerName %> {
+}
+</style>

package.json

@@ -1,6 +1,6 @@
 {
   "name": "coderwhy",
-  "version": "1.1.4",
+  "version": "1.2.2",
   "description": "CLI front-end development tools",
   "main": "index.js",
   "bin": {