refactor(createFrontend): clean up index.css and update path resolution

Remove the unnecessary tw-animate-css import from index.css to ensure a cleaner CSS file. Additionally, update the path resolution in the Vite config to use `path.dirname(new URL(import.meta.url).pathname)` for better compatibility and accuracy.

Author: manishraj27

commands/createFrontend.js

@@ -147,6 +147,22 @@ export default defineConfig({
     process.exit(1);
   }
 
+  // Step 9.5: Clean up index.css (remove tw-animate-css if added by Shadcn)
+  try {
+    const indexCssPath = path.join(rootDir, 'src', 'index.css');
+    let indexCssContent = fs.readFileSync(indexCssPath, 'utf8');
+    
+    // Remove the tw-animate-css import if it exists
+    indexCssContent = indexCssContent.replace('@import "tw-animate-css";', '');
+    
+    // Write the cleaned content back
+    fs.writeFileSync(indexCssPath, indexCssContent);
+    console.log('✅ index.css cleaned up.');
+  } catch (error) {
+    console.error(`❌ Warning: Could not clean up index.css: ${error.message}`);
+    // Don't exit on this error, continue with the process
+  }
+
   // Step 10: Add button component
   console.log('📦 Adding button component...');
   try {
@@ -339,14 +355,14 @@ export default defineConfig({
 import react from '@vitejs/plugin-react-swc'
 import tailwindcss from '@tailwindcss/vite'
 import path from 'path'
-import default from './../eslint.config';
+
 
 // https://vite.dev/config/
 export default defineConfig({
   plugins: [react(), tailwindcss()],
   resolve: {
     alias: {
-      "@": path.resolve(__dirname, "./src"),
+      "@": path.resolve(path.dirname(new URL(import.meta.url).pathname), "./src"),
     },
   },
 })`;

package.json

@@ -1,6 +1,6 @@
 {
   "name": "mern-project-cli",
-  "version": "2.1.6",
+  "version": "2.1.7",
   "description": "A developer-friendly CLI tool that streamlines MERN stack development by automating project setup, database configuration, and boilerplate generation by implementing MVC Architecture. Create production-ready MongoDB, Express, React, and Node.js applications with best practices built-in",
   "main": "index.js",
   "type": "module",