Unexpected token "||="

[andrzejkupczyk]

I've been having trouble configuring ESlint and keep getting an Unexpected token "||=" error from the VueFire Nuxt module. Has anyone else encountered this issue or have any suggestions for troubleshooting? I've already tried making some tweaks based on the .eslintrc.js file available in VueFire's playground, but I haven't had any luck so far. Any help would be greatly appreciated!

Content of my .eslintrc.json file

{
  "env": {
    "browser": true,
    "node": true
  },
  "extends": [
    "eslint:recommended",
    "plugin:vue/vue3-recommended",
    "plugin:@typescript-eslint/recommended",
    "@nuxtjs/eslint-config-typescript"
  ],
  "parserOptions": {
    "ecmaVersion": 2022,
    "parser": "@typescript-eslint/parser",
    "sourceType": "module"
  },
  "plugins": [
    "vue",
    "@typescript-eslint"
  ],
  "rules": {},
  "overrides": [
    {
      "files": ["*.vue"],
      "rules": {
        "vue/no-v-model-argument": "off",
        "vue/no-v-for-template-key": "off"
      }
    }
  ]
}

[andrzejkupczyk]

Okay, phew, I managed to solve this by myself. I made a few minor corrections to the ESlint configuration (e.g. decided not to use 'latest' as the value for ecmaVersion), but most importantly, I needed to use a different Node version. I was using v14.17.6, which apparently doesn't support the '||=' operator, even though it should support ES 2021 🤯 Dunno, but using the latest LTS version solved the problem.