Vue3 & Typescript error: ... is declared but its value is never read.Vetur

Question

Getting this typescript in my brand new Vue3 with typescript project. I have another Vue3 project without typescript added and this is not an issue there, with the eslint rules.

I have found some answers online and updated the following:

tsconfig

{
  "compilerOptions": {
    "noUnusedLocals": false
  }
}

Added a dev.tsconfig.json file:

{
  "extends": "./tsconfig.json",
  "compilerOptions": {
    "noUnusedLocals": false,
    "noUnusedParameters": false
   }
}

Also added the following rules to eslintrc.cjs

rules: {
    'no-unused-vars': 'off',
    '@typescript-eslint/no-unused-vars': ['error', { 'varsIgnorePattern': '^_', "argsIgnorePattern": "^_" }],
    'no-unused-vars': ["error", { "argsIgnorePattern": "^_" }]
    semi: [0, 'error', 'never'],
    arrowParens: [0, 'error', 'never'],
    'prettier/prettier': ['error', { endOfLine: 'auto' }],
    'vue/multi-word-component-names': 'off',
},

Also for vscode extensions I have these enabled:

vetur volar TypeScript Vue Plugin(Volar)

However cannot get rid of this error

'TheWelcome' is declared but its value is never read.Vetur(6133)

dsalex1 · Accepted Answer · 2022-12-07 11:43:29Z

3

Try using the Take Over Mode in volar instead using Volar, Vetur and the TypeScript Vue Plugin all at the same time.

First of all, having Vetur and Volar installed and activated simultaneously most probably won't work since they hinder each other to work correctly. For Vue 3 volar is the recommended plugin so try uninstalling/deactivating Vetur. A second problem might be the TypeScript Vue Plugin. As it stands its recommended to use Volar in "Take Over Mode" (see https://github.com/johnsoncodehk/volar/discussions/471 for reference) instead of using the TypeScript Vue Plugin. So try unsintalling/deactivating that as well.

answered Dec 7, 2022 at 11:43

dsalex1

4632 silver badges9 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Leon Gaban · Accepted Answer · 2022-12-07 11:40:05Z

0

Was a VScode issue, had a notification that said disabled Vetur and use Volar instead. I must have done this is the other project.

https://marketplace.visualstudio.com/items?itemName=Vue.volar

https://github.com/johnsoncodehk/volar

https://vueschool.io/lessons/volar-the-official-language-feature-extension-for-vs-code

answered Dec 7, 2022 at 11:40

Leon Gaban

39.4k123 gold badges351 silver badges553 bronze badges

Collectives™ on Stack Overflow

Vue3 & Typescript error: ... is declared but its value is never read.Vetur

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related