Manager

Back Back Up Advanced Editor

<DashboardStatsItem
      :icon-component="InvoiceIcon"
      :loading="!globalStore.getDashboardDataLoaded"
      :route="{ name: 'invoices.dashboard' }"
      :label="(dashboardStore.invoiceCount <= 1 ? $t('dashboard.cards.invoices', 1) : $t('dashboard.cards.invoices', 2))"
    >
      {{ dashboardStore.invoiceCount }}
    </DashboardStatsItem>

<DashboardStatsItem
      :icon-component="EstimateIcon"
      :loading="!globalStore.getDashboardDataLoaded"
      :route="{ name: 'estimates.dashboard' }"
      :label="(dashboardStore.estimateCount <= 1 ? $t('dashboard.cards.estimates', 1) : $t('dashboard.cards.estimates', 2))"
    >
      {{ dashboardStore.estimateCount }}
    </DashboardStatsItem>

<DashboardStatsItem
      :icon-component="PaymentIcon"
      :loading="!globalStore.getDashboardDataLoaded"
      :route="{ name: 'payments.dashboard' }"
      :label="(dashboardStore.paymentCount <= 1 ? $t('dashboard.cards.payments', 1 ) : $t('dashboard.cards.payments', 2))"
    >
      {{ dashboardStore.paymentCount }}
    </DashboardStatsItem>
  </div>
</template>

import { useGlobalStore } from '@/scripts/customer/stores/global'
import { useDashboardStore } from '@/scripts/customer/stores/dashboard'
import DashboardStatsItem from '@/scripts/customer/views/dashboard/DashboardStatsItem.vue'
//store

const utils = inject('utils')
const globalStore = useGlobalStore()
const dashboardStore = useDashboardStore()
dashboardStore.loadData()
</script>