Call apollo query to get the countPendingCreations value. added an update to the store of this value, call it when overview is created.

admin/src/graphql/getCountPendingCreations.js

@@ -0,0 +1,7 @@
+import gql from 'graphql-tag'
+
+export const countPendingCreations = gql`
+  query {
+    countPendingCreations
+  }
+`

admin/src/pages/Overview.vue

@@ -76,7 +76,24 @@
   </div>
 </template>
 <script>
+import { countPendingCreations } from '../graphql/getCountPendingCreations'
+
 export default {
   name: 'overview',
+  methods: {
+    getCountPendingCreation() {
+      this.$apollo
+        .query({
+          query: countPendingCreations,
+        })
+        .then((result) => {
+          this.$store.commit('setOpenCreations', result.data.countPendingCreations)
+        })
+        .catch()
+    },
+  },
+  created() {
+    this.getCountPendingCreation()
+  },
 }
 </script>

admin/src/store/store.js

@@ -18,6 +18,9 @@ export const mutations = {
   token: (state, token) => {
     state.token = token
   },
+  setOpenCreations: (state, openCreations) => {
+    state.openCreations = openCreations
+  },
 }
 
 export const actions = {