Unsafe return of an any typed value

Eaglorn

<script lang="ts">
import { defineComponent, ref, computed } from '@vue/composition-api';

import { Store } from 'vuex';
import { UserStateInterface } from '../store/user/state';

export default defineComponent({
  name: 'MyLayout',
  setup(props, context) {
    let store = context.root.$store;
    let drawer = ref(false);
    let miniState = ref(true);

    console.log(store);

    let auth = computed(() => {
      return store.state.user;
    });

    function exit() {
      store.dispatch('user/exit');
    }

    return { auth, drawer, miniState };
  }
});
</script>

let store: Store<any>
Unsafe return of an any typed valueeslint@typescript-eslint/no-unsafe-return
Unsafe member access .user on an any value.eslint@typescript-eslint/no-unsafe-member-access)

dobbel

@Eaglorn

Isn’t that Vue3 code? Don’t think you will get support for that yet here. Anyways I saw this video that implements vuex 4 vue3 and typescript.

https://www.youtube.com/watch?v=fh0VboqAc8k

btw it’s a eslint error so you could comment that part of the code out to not be linted.

https://stackoverflow.com/questions/27732209/turning-off-eslint-rule-for-a-specific-line

daniel

I’ve the same problem. I am not using vue3! I created a Quasar project with typescript support. But when I am trying to access the store, I’ll get the same error.
My current workaround is casting the state to the interface created in the index.ts file in the store folder. In your case the cast would look like this:

(<StateInterface> this.$store.state).user