Misc: homepage widget with tickets, and improvements in ticket list

src/Bundle/ChillMainBundle/Resources/public/vuejs/HomepageWidget/MyWorkflows.vue

@@ -1,26 +1,27 @@
 <template>
   <div class="alert alert-light">
-    {{ $t("my_workflows.description") }}
+    {{ trans(MY_WORKFLOWS_DESCRIPTION) }}
   </div>
   <my-workflows-table :workflows="workflows" />
 
   <div class="alert alert-light">
-    {{ $t("my_workflows.description_cc") }}
+    {{ trans(MY_WORKFLOWS_DESCRIPTION_CC) }}
   </div>
   <my-workflows-table :workflows="workflowsCc" />
 </template>
 
-<script>
-import { mapState } from "vuex";
+<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";
 
-export default {
-  name: "MyWorkflows",
-  components: {
-    MyWorkflowsTable,
-  },
-  computed: {
-    ...mapState(["workflows", "workflowsCc"]),
-  },
-};
+const store = useStore();
+
+const workflows = computed(() => store.state.homepage.workflows);
+const workflowsCc = computed(() => store.state.homepage.workflowsCc);
 </script>