Как победить вывод ошибки о неисполльзуемых переменных в ts + vue composables api?

Question

[kristine-bladvin]

Привет. Открывая ошибки проекта, огромный лист ошибок TS6133 variable declareted but never read.
Все эти ошибки в рамках компонентов vue в setup script

вот конфиг ts.

{
  "compilerOptions": {
    "target": "esnext",
    "module": "esnext",
    "strict": true,
    "jsx": "preserve",
    "moduleResolution": "node",
    "experimentalDecorators": true,
    "allowJs": true,
    "skipLibCheck": true,
    "esModuleInterop": true,
    "allowSyntheticDefaultImports": true,
    "forceConsistentCasingInFileNames": true,
    "useDefineForClassFields": true,
    "sourceMap": true,
    "noUnusedLocals": true,
    "baseUrl": ".",
    "types": [
      "webpack-env"
    ],
    "paths": {
      "@/*": [
        "src/*"
      ]
    },
    "lib": [
      "esnext",
      "dom",
      "dom.iterable",
      "scripthost"
    ]
  },
  "include": [
    "src/**/*.ts",
    "src/**/*.tsx",
    "src/**/*.vue",
    "tests/**/*.ts",
    "tests/**/*.tsx"
  ],
  "exclude": [
    "node_modules"
  ]
}

Как сделать чтобы ide не показывала? Они будут по умолчанию в vue

Answer 1

[Taulan Khatuaev]

Ошибки о неиспользуемых переменных в компонентах Vue в скрипте setup связаны с тем, что TypeScript не может динамически определить, используется ли переменная в шаблоне компонента или нет. Это происходит из-за структуры Vue Composables API, где переменные возвращаются из функции setup, но могут использоваться только в шаблоне.

Вы можете отключить предупреждение о неиспользуемых переменных внутри компонентов Vue в файле tsconfig.json, добавив "ignorePatterns": ["**/*.vue/*.ts"] в раздел "compilerOptions":

{
  "compilerOptions": {
    ...
    "noUnusedLocals": true,
    ...
    "ignorePatterns": ["**/*.vue/*.ts"]
  },
  ...
}

Comments

[WbICHA]

Вы можете отключить предупреждение о неиспользуемых переменных внутри компонентов Vue в файле tsconfig.json, добавив "ignorePatterns": ["**/*.vue/*.ts"] в раздел "compilerOptions":

Ты бы хотя бы прочитал, что из чатгпт скопировал...

[Владислав Лысков]

WbICHA, у них Vue Composables API, это нормально

[WbICHA]

Владислав Лысков, круто. А откуда в тсконфиге ignorePatterns?