<template>
  <div class="alert alert-light">
    {{ trans(MY_WORKFLOWS_DESCRIPTION) }}
  </div>
  <my-workflows-table :workflows="workflows" />

  <div class="alert alert-light">
    {{ trans(MY_WORKFLOWS_DESCRIPTION_CC) }}
  </div>
  <my-workflows-table :workflows="workflowsCc" />
</template>

<script lang="ts" setup>
import { computed } from "vue";
import { useStore } from "vuex";
import MyWorkflowsTable from "./MyWorkflowsTable.vue";
import {
  MY_WORKFLOWS_DESCRIPTION,
  MY_WORKFLOWS_DESCRIPTION_CC,
  trans,
} from "translator";

const store = useStore();

const workflows = computed(() => store.state.homepage.workflows);
const workflowsCc = computed(() => store.state.homepage.workflowsCc);
</script>
