# Vite Plugin Readable Classnames

> Make your scoped CSS module class names clear and readable

This plugin automatically adds the module filename and other useful info to class names for easier development.

## Table of Contents

- [Installation](/guide/getting-started.md): Instructions for installing the vite-plugin-readable-classnames plugin using npm, yarn, pnpm, and bun.
- [lineNumber Option](/options/line-number.md): Explanation and example of the lineNumber option that appends the source line number to the generated class names.
- [Options](/options.md): Configuration options for vite-plugin-readable-classnames plugin including lineNumber and separator with usage example.
- [separator Option](/options/separator.md): Customize the separators used in generated class names with the separator option and usage examples.
- [What Problem Does This Plugin Solve?](/guide.md): Explanation of why default class names in Vite hinder debugging and how the plugin provides predictable, readable class names.