Tengo una tienda vuex que almacena el estado de la duración de los productos vistos, obtengo la duración del producto en mi tienda, pero cada vez que intento {{getWatchlength}} en mi código, aparece "getWatchlength" no definido

Este es el error que me sale en mi consola https://imageshack.com/i/pmlnoX9nj

Esta es mi tienda vuex https://imageshack.com/i/pmP87O5Ij Estoy obteniendo la longitud en mi tienda

Este es mi código html

 <template> <div id="app"> {{ getWatchLength }} <router-view></router-view> </div> </template>

Mi etiqueta de script

 <script> import { mapActions } from "vuex"; import { mapGetters } from "vuex"; export default { name: "app", data() { return { categoryID: null, categories: [], products: [], show: null }; }, computed: { ...mapGetters( ["getWatchLength"], ["isLoggedIn"]) } }; </script>

por favor no se que estoy haciendo mal