missing typescript checking inside store getter and action functions [Nuxt3]

[jamiecarter7]

Reproduction

Steps to reproduce the bug

using Nuxt3

Expected behavior

import { defineStore } from "pinia";

export const useOptions = defineStore("options", {
  state: () => ({
    cardShow: false as Boolean,
    keyboard: false as boolean,
  }),
  actions: {
    toggleCard(): void {
      this.cardShow = !this.cardHowToPlay;
      this.keyboardTypo = !this.keyboardTypo;

    },
  },
});

hovering 'cardShow' in toggleCard should show it as a 'Boolean'
'this.keyboardTypo' should show an error as it doesn't exist.

Actual behavior

hovering 'this', 'cardShow' in toggleCard show 'any'
'this.keyboardTypo' should show an error as it does not exist and shows as 'any' when I hover.

Additional information

The object for actions is fully mapped
The object for the action (function) toggleCard is also correctly mapped.
Using this store in another store shows full mapping.

It seems to be an internal mapping within a single store.

Pinia seems to be unable to map the variable/functions inside getters and actions functions

[posva]

you need strict: true in tsconfig

[jamiecarter7]

I had no idea TS was not even enabled on new Nuxt3 projects.

The object types are now showing as expected.

You've saved me hours of my life