Why doesn't computed work in v-if?

Question

Vue.js

There is a component:

<template lang="pug">
nav(v-if="showNav")
  .nav-wrapper
    ul#nav-mobile.left.hide-on-med-and-down
      li
        a(href="/") Home
      li
        a(href="/about") About
</template>

<script>
export default {
  сomputed: {
    showNav: function() {
      return this.$store.getters.isAuthenticated;
    },
  }
}
</script>

in the browser console the following warn:

[Vue warn]: Property "showNav" was accessed during render but is not defined on instance. 
  at <Navbar onVnodeUnmounted=fn<onVnodeUnmounted> ref=Ref< undefined > > 
  at <RouterView> 
  at <App>

Can anyone suggest a direction in which to dig?

Answer 1

Why did you make another computed property for a computed property?
just try
...mapGetters(['isAuthenticated'])