Support adding/removing multiple classes for an element at once

dist/alpine.js

@@ -1258,11 +1258,15 @@ function () {
           el.setAttribute('class', value.join(' '));
         } else {
           // Use the class object syntax that vue uses to toggle them.
-          Object.keys(value).forEach(function (className) {
-            if (value[className]) {
-              el.classList.add(className);
+          Object.keys(value).forEach(function (classNames) {
+            if (value[classNames]) {
+              classNames.split(' ').forEach(function (className) {
+                return el.classList.add(className);
+              });
             } else {
-              el.classList.remove(className);
+              classNames.split(' ').forEach(function (className) {
+                return el.classList.remove(className);
+              });
             }
           });
         }
@@ -1537,7 +1541,7 @@ function getXAttrs(el, type) {
 /*! no static exports found */
 /***/ (function(module, exports, __webpack_require__) {
 
-module.exports = __webpack_require__(/*! /Users/calebporzio/Documents/Code/sites/alpine/src/index.js */"./src/index.js");
+module.exports = __webpack_require__(/*! C:\web\playground\alpine\src\index.js */"./src/index.js");
 
 
 /***/ })

dist/mix-manifest.json

@@ -1,4 +1,4 @@
 {
-    "/alpine.min.js": "/alpine.min.js?id=7adbda4e32b0fe66797a",
-    "/alpine.js": "/alpine.js?id=6aaefe3b77e1795daab9"
-}
+    "/alpine.min.js": "/alpine.min.js?id=69d56f7e8babb90a2c6a",
+    "/alpine.js": "/alpine.js?id=f642c6f0abf57063df61"
+}

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "alpinejs",
-  "version": "0.4.0",
+  "version": "1.0.0",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {

src/component.js

@@ -337,11 +337,11 @@ export default class Component {
                 el.setAttribute('class', value.join(' '))
             } else {
                 // Use the class object syntax that vue uses to toggle them.
-                Object.keys(value).forEach(className => {
-                    if (value[className]) {
-                        el.classList.add(className)
+                Object.keys(value).forEach(classNames => {
+                    if (value[classNames]) {
+                        classNames.split(' ').forEach(className => el.classList.add(className))
                     } else {
-                        el.classList.remove(className)
+                        classNames.split(' ').forEach(className => el.classList.remove(className))
                     }
                 })
             }