Parcourir la source

toggle link activity classList

Shaun Li il y a 2 ans
Parent
commit
a49f45e16c
2 fichiers modifiés avec 3 ajouts et 11 suppressions
  1. 1 1
      package.json
  2. 2 10
      src/index.js

+ 1 - 1
package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shaun/alpinejs-router",
-  "version": "1.1.1",
+  "version": "1.1.2",
   "description": "Easy to use and flexible router for Alpine.js",
   "main": "dist/module.cjs.js",
   "module": "dist/module.esm.js",

+ 2 - 10
src/index.js

@@ -231,16 +231,8 @@ export default function (Alpine) {
           ? [elUrl.hash.slice(1).split('?').shift(), stateUrl.hash.slice(1).split('?').shift()]
           : [elUrl.pathname, stateUrl.pathname]
 
-        if (l !== (state.mode !== 'hash' ? state.base : '') + '/' && r.startsWith(l)) {
-          el.classList.add(classes.active)
-        } else {
-          el.classList.remove(classes.active)
-        }
-        if (l === r) {
-          el.classList.add(classes.exactActive)
-        } else {
-          el.classList.remove(classes.exactActive)
-        }
+        el.classList.toggle(classes.active, l !== (state.mode !== 'hash' ? state.base : '') + '/' && r.startsWith(l))
+        el.classList.toggle(classes.exactActive, l === r)
       })
     }