If I use the composition API in Vue 3 and use the regular setup() method like below, I can get it to work:

<script>
  import { useStore } from 'vuex'
  import { computed } from 'vue'

  export default {
    const store = useStore()

    setup () {
      const loginStatus = computed(() => store.getters.loginStatus)

      return { loginStatus }
    }
  }
</script>

loginStatus is now available in templates and can be used in html.

But when I try to use the newer <script setup> syntax, the const is no longer captured and exposed to the template.

I shouldn't be returning anything from the script setup, but it doesn't happen automatically either. Eslint marks loginStatus as unused. I can't find any information on how to use Vuex in this context:

<script setup>
  import { useStore } from 'vuex'
  import { computed } from 'vue'
  const store = useStore()

  const loginStatus = computed(() => store.getters.loginStatus)
</script>

Is this expectation that will not work? Or do you know of a recommended approach?

Edit 1:

I'm aware of this answer where the accepted solution is not the recommended composition API syntax, the second answer involves writing boilerplate code of my own creation that makes what I want to do possible, but doesn't seem to be the official way (if there is one if).

Edit 2:

As the commenters pointed out, my code actually works. However, I was fooled by the Vetur extension marking variables as not returned. So in the template it looks like to me that's why it's not being captured. In fact, an unrelated error is the real cause.

Because of this Vetur problem, I still use the old setup syntax for the time being.