vue-bits/scripts/generateComponent.js

import fs from "fs";
import path from "path";
import process from "process";

import { fileURLToPath } from "url";

const __filename = fileURLToPath(import.meta.url);
const __dirname = path.dirname(__filename);

const args = process.argv.slice(2);
if (args.length < 2) {
  console.error("Usage: npm run generate:component <ComponentType> <ComponentName>");
  process.exit(1);
}

const [componentType, componentName] = args;
const componentNameLower = componentName.charAt(0).toLowerCase() + componentName.slice(1);

const paths = {
  content: path.join(__dirname, "../src/content", componentType, componentName),
  demo: path.join(__dirname, "../src/demo", componentType),
  constants: path.join(__dirname, "../src/constants/code", componentType),
};

Object.values(paths).forEach((dir) => {
  if (!fs.existsSync(dir)) {
    fs.mkdirSync(dir, { recursive: true });
  }
});

const files = [
  path.join(paths.content, `${componentName}.vue`),
  path.join(paths.demo, `${componentName}Demo.jsx`),
  path.join(paths.constants, `${componentNameLower}Code.js`),
];

files.forEach((file) => {
  if (!fs.existsSync(file)) {
    fs.writeFileSync(file, "");
  }
});

console.log(`Component "${componentName}" structure created successfully under "${componentType}".`);