📝 Class bindings object syntax caveat

README.md

@@ -47,3 +47,4 @@ Any CSS class that isn't used inside your `.html` files in `public/`, or by your
 
 - By default, any class you name `.*-move` will be whitelisted and always included in your output CSS. This is required to support `<transition-group>`'s [generated classnames](https://vuejs.org/v2/guide/transitions.html#List-Move-Transitions). You can change `whitelistPatterns` in `postcss.config.js` if you don't want this behavior.
 - Any time you're using TailwindCSS and Vue, be careful not to define a `<transition-group>` with `name="cursor"`, as this will generate `.cursor-move` which will inherit [TailwindCSS's cursor class](https://tailwindcss.com/docs/cursor/).
+- Using the object syntax class bindings requires quotation marks around class names, i.e. `:class="{ 'active': isActive }"`, because `:` is a valid character in CSS selectors.