31 lines
711 B
Vue
31 lines
711 B
Vue
 
|
<script setup lang="ts">
|
||
|
|
import router from '@/router'
|
||
|
|
import HomeQuickActionBox from '../../components/HomeQuickActionBox.vue'
|
||
|
|
import { boursecuQuickActions } from '../configs/boursecuQuickActions'
|
||
|
|
import type { HomeQuickActionItem } from '../types'
|
||
|
|
|
||
|
|
const props = withDefaults(
|
||
|
|
defineProps<{
|
||
|
|
actions?: HomeQuickActionItem[]
|
||
|
|
}>(),
|
||
|
|
{
|
||
|
|
actions: () => boursecuQuickActions,
|
||
|
|
}
|
||
|
|
)
|
||
|
|
|
||
|
|
function handleClick(action: HomeQuickActionItem) {
|
||
|
|
router.push(action.route)
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<template>
|
||
|
|
<div class="grid grid-cols-3 gap-3 mt-4">
|
||
|
|
<HomeQuickActionBox
|
||
|
|
v-for="action in props.actions"
|
||
|
|
:key="action.id"
|
||
|
|
:action="action"
|
||
|
|
@click="handleClick(action)"
|
||
|
|
/>
|
||
|
|
</div>
|
||
|
|
</template>
|