Property xxx doest not exist on type xxx in store getters

[Oleksii14]

Hello! I am having an issue within getters using the latest version of TS

...
getters: {
 currentUser() {
     return this.user.data?.user;
 },
}

And the error says: Property 'user' does not exist on type '{ currentUser(): any; }'

Do you have any ideas on how to fix it? Is that a problem with the environment?

I am using VSCode

My package.json:

{
  "name": "ekcs",
  "version": "1.0.0",
  "private": true,
  "scripts": {
    "build:local": "NODE_ENV=local vue-cli-service build",
    "build:prod": "vue-cli-service build",
    "build:stage": "NODE_ENV=staging vue-cli-service build",
    "fetch-translations": "node src/i18n/fetch-translations/index.js",
    "lint": "NODE_ENV=production vue-cli-service lint",
    "serve": "NODE_ENV=local vue-cli-service serve",
    "test:unit": "vue-cli-service test:unit"
  },
  "husky": {
    "hooks": {
      "pre-commit": "lint-staged",
      "commit-msg": "commitlint -E HUSKY_GIT_PARAMS"
    }
  },
  "lint-staged": {
    "*.{js,jsx,vue,ts,tsx}": [
      "npm run lint",
      "git add"
    ]
  },
  "dependencies": {
    "@tailwindcss/postcss7-compat": "^2.0.3",
    "ant-design-vue": "^2.1.2",
    "apexcharts": "^3.22.2",
    "autoprefixer": "^9",
    "axios": "^0.21.1",
    "core-js": "^3.6.5",
    "html2pdf.js": "^0.9.0",
    "humps": "^2.0.1",
    "lodash": "^4.17.20",
    "pinia": "^2.0.0-alpha.14",
    "postcss": "^7",
    "tailwindcss": "npm:@tailwindcss/postcss7-compat",
    "vue": "^3.0.11",
    "vue-i18n": "^9.0.0",
    "vue-router": "^4.0.0-0",
    "vue-window-size": "^1.0.2",
    "vuedraggable": "^4.0.1"
  },
  "devDependencies": {
    "@commitlint/cli": "^12.0.1",
    "@commitlint/config-conventional": "^12.0.1",
    "@semantic-release/changelog": "^5.0.1",
    "@semantic-release/exec": "^5.0.0",
    "@semantic-release/git": "^9.0.0",
    "@semantic-release/gitlab": "^6.0.9",
    "@semantic-release/npm": "^7.1.0",
    "@types/humps": "^2.0.0",
    "@types/jest": "^24.0.19",
    "@typescript-eslint/eslint-plugin": "^2.33.0",
    "@typescript-eslint/parser": "^2.33.0",
    "@vue/cli-plugin-babel": "~4.5.0",
    "@vue/cli-plugin-eslint": "~4.5.0",
    "@vue/cli-plugin-router": "~4.5.0",
    "@vue/cli-plugin-typescript": "~4.5.0",
    "@vue/cli-plugin-unit-jest": "~4.5.0",
    "@vue/cli-service": "~4.5.0",
    "@vue/compiler-sfc": "^3.0.0",
    "@vue/eslint-config-prettier": "^6.0.0",
    "@vue/eslint-config-standard": "^5.1.2",
    "@vue/eslint-config-typescript": "^5.0.2",
    "@vue/test-utils": "^2.0.0-0",
    "babel-plugin-import": "^1.13.3",
    "csv-parse": "^4.12.0",
    "eslint": "^6.7.2",
    "eslint-plugin-import": "^2.20.2",
    "eslint-plugin-node": "^11.1.0",
    "eslint-plugin-prettier": "^3.1.4",
    "eslint-plugin-promise": "^4.2.1",
    "eslint-plugin-standard": "^4.0.0",
    "eslint-plugin-vue": "^7.0.0-0",
    "fs": "0.0.1-security",
    "googleapis": "^61.0.0",
    "husky": "^4.3.0",
    "lint-staged": "^9.5.0",
    "prettier": "^2.1.2",
    "readline": "^1.3.0",
    "sass": "^1.32.12",
    "sass-loader": "^8.0.2",
    "semantic-release": "^17.4.2",
    "typescript": "^4.2.4",
    "vue-cli-plugin-webpack-bundle-analyzer": "^2.0.0",
    "vue-jest": "^5.0.0-alpha.5"
  }
}

[posva]

You need to explicitly type the getter if it uses this. See the example at https://pinia.esm.dev/core-concepts/getters.html

getters: {
 currentUser(): UserData {
     return this.user.data?.user;
 },
// or don't use `this` if possible
currentUser(state) {
     return state.user.data?.user;
 },
}

[Oleksii14]

@posva that worked! Thanks so much 👍

[abhianshu2020]

Life saver, still helping people in 2024