From bb0f741bbb45bfb15d95c29bb57c2d403078e62e Mon Sep 17 00:00:00 2001
From: Hironsan <hiroki.nakayama.py@gmail.com>
Date: Thu, 16 Mar 2023 13:32:09 +0900
Subject: [PATCH] Use useProjectItem in caption page

---
 .../projects/_id/image-captioning/index.vue   | 26 +++++--------------
 1 file changed, 7 insertions(+), 19 deletions(-)

diff --git a/frontend/pages/projects/_id/image-captioning/index.vue b/frontend/pages/projects/_id/image-captioning/index.vue
index b134d680..31f200a3 100644
--- a/frontend/pages/projects/_id/image-captioning/index.vue
+++ b/frontend/pages/projects/_id/image-captioning/index.vue
@@ -43,6 +43,7 @@ import ToolbarLaptop from '@/components/tasks/toolbar/ToolbarLaptop'
 import ToolbarMobile from '@/components/tasks/toolbar/ToolbarMobile'
 import Seq2seqBox from '~/components/tasks/seq2seq/Seq2seqBox'
 import { useExampleItem } from '~/composables/useExampleItem'
+import { useProjectItem } from '~/composables/useProjectItem'
 import { useTextLabel } from '~/composables/useTextLabel'
 
 export default {
@@ -64,6 +65,7 @@ export default {
   setup() {
     const { app, params, query } = useContext()
     const projectId = params.value.id
+    const { state: projectState, getProjectById } = useProjectItem()
     const { state, autoLabel, list, clear, remove, add, update } = useTextLabel(
       app.$repositories.textLabel,
       projectId
@@ -75,6 +77,7 @@ export default {
       width: 0
     })
 
+    getProjectById(projectId)
     updateProgress(projectId)
 
     const setImageSize = (val) => {
@@ -109,6 +112,7 @@ export default {
     return {
       ...toRefs(state),
       ...toRefs(exampleState),
+      ...toRefs(projectState),
       add,
       autoLabel,
       list,
@@ -118,25 +122,9 @@ export default {
       confirm,
       getExample,
       enableAutoLabeling,
-      imageSize
-    }
-  },
-
-  data() {
-    return {
-      project: {},
+      imageSize,
+      projectId
     }
-  },
-
-  computed: {
-    projectId() {
-      return this.$route.params.id
-    },
-  },
-
-  async created() {
-    this.project = await this.$services.project.findById(this.projectId)
-    this.progress = await this.$repositories.metrics.fetchMyProgress(this.projectId)
-  },
+  }
 }
 </script>