use api endpoint to fetch project-types instead of getter

src/services/project-api.js

@@ -69,6 +69,20 @@ const projectAPI = {
     }
   },
 
+  async getProjectTypes( baseUrl ) {
+    const response = await axios.get(
+      `${baseUrl}project-types/`
+    );
+    if (
+      response.status === 200 &&
+      response.data
+    ) {
+      return response.data;
+    } else {
+      return null;
+    }
+  },
+
   async deleteProject(baseUrl, projectSlug) {
     const response = await axios.delete(
       `${baseUrl}projects/${projectSlug}/`

src/views/project/Project_type_list.vue

@@ -32,8 +32,7 @@
                 {{ project.title }}
               </router-link>
               <p>{{ project.description }}</p>
-              <strong v-if="project.moderation">Projet modéré</strong>
-              <strong v-else>Projet non modéré</strong>
+              <strong>Projet {{ project.moderation ? '' : 'non' }} modéré</strong>
             </div>
             <div class="meta">
               <span data-tooltip="Délai avant archivage">
@@ -71,16 +70,31 @@
 </template>
 
 <script>
-import { mapGetters } from 'vuex';
+import projectAPI from '@/services/project-api';
 
 export default {
   name: 'ProjectTypeList',
 
+  data() {
+    return {
+      project_types: null,
+    };
+  },
+
   computed: {
-    ...mapGetters(['project_types']),
     DJANGO_BASE_URL: function () {
       return this.$store.state.configuration.VUE_APP_DJANGO_BASE;
     },
+    API_BASE_URL() {
+      return this.$store.state.configuration.VUE_APP_DJANGO_API_BASE;
+    },
+  },
+
+  mounted() {
+    projectAPI.getProjectTypes(this.API_BASE_URL)
+      .then((data) => {
+        if (data) this.project_types = data;
+      });
   },
 
   methods: {