<script setup lang="ts">
import { useRoute } from 'vue-router'
import { useHakAksesStore } from '@/stores/sidebarMenuAkses/useMenuAksesStore'

const route = useRoute()
const aksesMenu = useHakAksesStore();

console.log('masuk pages', route.meta ,aksesMenu.permissionPage);

//const permission = ["view"];

definePageMeta({
  middleware: ["auth-menu"],
  role: ['admin','staff'],
  //permission: [permission],
});

const permissions = route.meta || []
</script>
<template>
  <v-row>
    <v-col cols="12" md="12">
      <v-card elevation="10">
        <v-card-item>
          <h5 class="text-h5 mb-3">Sample Page Copy {{ permissions }}</h5>  
          <p class="text-body-1">This is a sample page</p>
        </v-card-item>
      </v-card>
    </v-col>
  </v-row>
</template>
