Added Role composable

src/core/composables/role.ts

@@ -0,0 +1,17 @@
+import store from '@/store';
+
+export function Role() {
+    function hasAny(roles: string[]): boolean {
+        const roleStore: string[] = store.state.roles;
+
+        for (const role of roles) {
+            if (roleStore.indexOf(role) !== -1) return true;
+        }
+
+        return false;
+    }
+
+    return {
+        hasAny,
+    };
+}

src/store/index.ts

@@ -7,6 +7,16 @@ interface UserProfile {
     token: string;
 }
 
+interface Role {
+    id: number;
+    name: string;
+}
+
+interface UserRole {
+    id: number;
+    role: Role;
+}
+
 export default createStore({
     state: {
         user: {},
@@ -23,7 +33,8 @@ export default createStore({
 
             state.user = user;
         },
-        setRoles(state, roles) {
+        setRoles(state, data) {
+            const roles = data.map((userRole: UserRole) => userRole.role.name);
             state.roles = roles;
         },
     },

src/views/Dashboard/Dashboard.vue

@@ -1,9 +1,6 @@
 <template>
     <q-page class="q-pa-md">
-        <q-card class="q-pa-md">
+        <q-card class="q-pa-md"> Dashboard page.. </q-card>
-            Dashboard page..
-            {{ $filters.toLowerCase('HELLO WORLD') }}
-        </q-card>
     </q-page>
 </template>
 
@@ -11,11 +8,7 @@
 import { Options, Vue } from 'vue-class-component';
 
 @Options({})
-export default class Dashboard extends Vue {
+export default class Dashboard extends Vue {}
-    get whatever(): string {
-        return this.$filters.toLowerCase('HELLO WORLD');
-    }
-}
 </script>
 
 <style lang="scss" scoped></style>