This package is to create faster Vue.js files with matching CSS files and rename them intelligently.

Installation

npm install @libaro-io/laravel-frontend-conventions

Usage

Create Files

libaro-create

Rename Files

libaro-rename

Options

libaro-create

-c creates a component file
-p creates a page file
-s creates a section file
-l creates a layout file
-n <name> specify the file name

libaro-rename

Interactive file renaming with automatic selector updates:

• Navigate through your project folders
• Select a Vue file
• Automatically finds and renames the matching CSS file
• Updates class names, ID attributes, and import statements
• Supports both Tailwind v3 (SCSS) and v4 (CSS)

## Features

- **Smart File Creation**: Creates Vue and CSS/SCSS files with proper naming conventions
- **Intelligent Renaming**: Updates selectors and imports when renaming files
- **Folder Navigation**: Interactive folder browser for easy file selection
- **Tailwind Version Support**: Works with both Tailwind CSS v3 and v4
- **Automatic Updates**: Updates class names, ID attributes, and import statements

## Libaro

This package is created by [Libaro](https://libaro.be) and is free to use.