vue3-vant-mobile/plop-templates/component/prompt.js

const { notEmpty } = require('../utils.js')

module.exports = {
  description: 'generate vue component',
  prompts: [{
    type: 'input',
    name: 'name',
    message: 'component name please',
    validate: notEmpty('name'),
  }, {
    type: 'checkbox',
    name: 'blocks',
    message: 'Blocks:',
    choices: [{
      name: '<template>',
      value: 'template',
      checked: true,
    }, {
      name: '<script>',
      value: 'script',
      checked: true,
    }, {
      name: 'style',
      value: 'style',
      checked: true,
    }],
    validate(value) {
      if (!value.includes('script') && !value.includes('template'))
        return 'Components require at least a <script> or <template> tag.'

      return true
    },
  }],
  actions: (data) => {
    const name = '{{properCase name}}'
    const actions = [{
      type: 'add',
      path: `src/components/${name}/index.vue`,
      templateFile: 'plop-templates/component/index.hbs',
      data: {
        name,
        template: data.blocks.includes('template'),
        script: data.blocks.includes('script'),
        style: data.blocks.includes('style'),
      },
    }]

    return actions
  },
}