Options

The plugin supports flexible configuration through an options object. Currently, the following parameters are available:

• lineNumber — adds the line number to the class name (See also Line Number).
• separator — allows you to change the separators between parts of the class name (See also Separators).

Usage example:

import readableClassnames from 'vite-plugin-readable-classnames'

export default defineConfig({
  plugins: [
    readableClassnames({
      lineNumber: true,
      separator: {
        beforeClassName: '--',
        beforeHash: '_',
        beforeLineNumber: '-'
      }
    })
  ]
})