change demo for multiple permissions

Author: leonardovilarinho

example/src/App.vue

@@ -6,8 +6,8 @@
     </header>
 
     <section style="display: flex; padding: 10px">
-      <button @click="$acl.change('admin')">Turn admin</button>
-      <button @click="$acl.change('public')">Turn public</button>
+      <button @click="$acl.change(['read', 'write'])">Turn admin</button>
+      <button @click="$acl.change('read')">Turn public</button>
     </section>
 
     <p style="padding: 10px">Current permission: {{ $acl.get }}</p>

example/src/acl.js

@@ -7,14 +7,14 @@ Vue.use(AclInstaller)
 const timeout = ms => new Promise(resolve => setTimeout(resolve, ms))
 
 export default new AclCreate({
-  initial: 'public',
+  initial: 'read',
   notfound: {
     path: '/error'
   },
   router,
   acceptLocalRules: true,
   globalRules: {
-    isAdmin: new AclRule('admin').generate(),
-    isPublic: new AclRule('public').or('admin').generate()
+    isAdmin: new AclRule('read').and('write').generate(),
+    isPublic: new AclRule('read').generate()
   }
 })

example/src/router.js

@@ -23,7 +23,7 @@ export default new Router({
       name: 'admin',
       component: Admin,
       meta: {
-        rule: new AclRule('admin').generate()
+        rule: new AclRule('write').generate()
       }
     },
     {