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.indexOf("script") === -1 &&
          value.indexOf("template") === -1
        ) {
          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: name,
          template: data.blocks.includes("template"),
          script: data.blocks.includes("script"),
          style: data.blocks.includes("style")
        }
      }
    ];

    return actions;
  }
};