<template>
  <div>
    <supplierIndex/>
    <warehouseKeeper v-hasRole="['role2']"/>
    <productWarehouseKeeper v-hasRole="['role3']"/>
    <productionManager v-hasRole="['role4']"/>
  </div>
</template>
<script lang="ts" setup>
  import supplierIndex from './components/supplierIndex.vue'
  import warehouseKeeper from './components/warehouseKeeper.vue'
  import productWarehouseKeeper from './components/productWarehouseKeeper.vue'
  import productionManager from './components/productionManager.vue'
</script>
