[no-unused-vars] warnings for used vars

[fairking]

Repro

module.exports = {
	root: true,
	env: {
		node: true,
	},
	extends: ["eslint:recommended", "plugin:vue/recommended", "prettier", "prettier/vue", "@vue/typescript"],
	rules: {
		"no-console": process.env.NODE_ENV === "production" ? "error" : "off",
		"no-debugger": process.env.NODE_ENV === "production" ? "error" : "off",
		"no-unused-vars": "warn",
	},
	parserOptions: {
		parser: "@typescript-eslint/parser",
	},
	plugins: ["vue"],
	overrides: [
		{
			files: ["**/__tests__/*.{j,t}s?(x)"],
			env: {
				jest: true,
			},
		},
	],
};

import Vue, { DirectiveOptions } from "vue";
import AppSubmenu from "@/views/layouts/comps/AppSubmenu.vue";
Vue.directive("appsubmenu", <DirectiveOptions>AppSubmenu);

warning: 'DirectiveOptions' is defined but never used (no-unused-vars)

import { LoginTokenVm } from "@/services/index";
export class UserLoginStateVm {
	status: UserLoginStatus;
	user: LoginTokenVm;
	returnUrl: string;
}

warning: 'LoginTokenVm' is defined but never used (no-unused-vars)

Versions

package	version
@typescript-eslint/eslint-plugin	^2.15.0
@typescript-eslint/parser	^2.15.0
TypeScript	^3.7.4
ESLint	^6.8.0
node	12.14.1
npm	6.13.6

[fairking]

Might be related to #171

[fairking]

import Vue, { VNode } from "vue";

declare global {
	namespace JSX {
		// tslint:disable no-empty-interface
		interface Element extends VNode {}
		// tslint:disable no-empty-interface
		interface ElementClass extends Vue {}
		interface IntrinsicElements {
			[elem: string]: any;
		}
	}
}

warning: 'Vue' is defined but never used (no-unused-vars)
warning: 'VNode' is defined but never used (no-unused-vars)

[armano2]

no-unused-vars is not working for types at all, i was fixing it in #233 but i stopped because of time

[fairking]

ok, thanks @armano2. so I am probably going to disable the rule to suppress the noise and to be able to spot other important warnings. You can close the issue if you think it is not worth of spending time.

[bradzacher]

https://github.com/typescript-eslint/typescript-eslint/blob/master/docs/getting-started/linting/FAQ.md#i-am-using-a-rule-from-eslint-core-and-it-doesnt-work-correctly-with-typescript-code

Please make sure you're using our version of the rule

[fairking]

Thanks @bradzacher , Yeah, that's the typescript-eslint:

[bradzacher]

This is a KP - the rule doesn't support things used in a type position well.
You should try the rule no-unused-vars-experimental, which uses typescript's tooling to report unused vars.

[bradzacher]

Merging into #1856