<script setup>
import RoleCards from "@/views/apps/roles/RoleCards.vue";
import UserList from "@/views/apps/roles/UserList.vue";
import { useLayoutConfigStore } from "@layouts/stores/config";
import { useI18n } from "vue-i18n";
const { t } = useI18n();
const configStore = useLayoutConfigStore();

definePage({
  meta: {
    action: "read",
    subject: "admin",
  },
});
</script>

<template>
  <VRow>
    <VCol cols="12">
      <h2 class="text-primary">
        {{ t(configStore.pageTitle) }}
      </h2>
    </VCol>
    <!-- 👉 Roles Cards -->
    <VCol cols="12">
      <RoleCards />
    </VCol>

    <!-- <VCol cols="12">
      👉 User List 
      <UserList />
    </VCol> -->
  </VRow>
</template>
