Cannot read property 'getItem' of undefined - LocalStorage Nuxt

Please help, since I moved my VUEX stores into seperate modules, I now get the following error when trying to login:

Cannot read property 'getItem' of undefined here is my page:

import { mapGetters } from 'vuex'
    export default {
        middleware: 'auth',
        data() {
          return {
            username: null,
            token: this.localStorage.getItem('auth._token.local')
          }
        },
        mounted() {
          console.log('here:', this.localStorage.getItem('auth._token.local'))
          this.showUser()
        },
        methods: {
          async showUser() {
            await this.$axios.get('user', {
              headers: {
                  Authorization: `${this.token}`
              }
            }).then((res) => {
              this.username = res.data.name
            })
          }
        },
        computed: {
            ...mapGetters(['loggedInUser'])
        }
    }

Thanks