Vue Css Modules

Extension for quick HTML markup creation in Vue for CSS modules.

example

Features

To generate markup, enter a class name prefixed with $container and press Tab.

$container

...will be transformed into:

<div :class="$style.container"></div>

Although CSS Modules recommend using camelCase for class names, you can use any class name and still get a valid transformation.

$list__item

...will be transformed into:

<div :class="$style['list__item']"></div>