Crayz vue class-directive

Directive can help you add classes to different elements from another component when some element will be shown

Plugin installation

npm install crayz-vue-class-directive

Usage

main.js

import CrayzVueClassDirective from 'crayz-vue-class-directive'
createApp(App).use(...).use(CrayzVueClassDirective)

In component

<div v-if="show" v-class="[{el: '.someElement', classes: ['red', 'white-text']}, {el: '.someElement2', classes: ['blue', 'text-white']}]">