dashboard/shell/components/nav/HeaderPageActionMenu.vue

23 lines
641 B
Vue

<script setup lang="ts">
import { computed } from 'vue';
import { useStore } from 'vuex';
import { RcDropdownMenu } from '@components/RcDropdown';
const store = useStore();
const pageActions = computed(() => store.getters.pageActions);
const pageAction = (_event: Event, action: string) => {
store.dispatch('handlePageAction', action);
};
</script>
<template>
<rc-dropdown-menu
:options="pageActions"
:button-aria-label="t('nav.actionMenu.label')"
:dropdown-aria-label="t('nav.actionMenu.button.label')"
data-testid="page-actions-menu-action-button"
button-role="tertiary"
@select="pageAction"
/>
</template>