multiline generic definition in <script setup lang="ts" generic=""> cause "Parsing error: ';' expected. eslint".

Question

multiline generic definition in <script setup lang="ts" generic=""> cause "Parsing error: ';' expected. eslint".

pronitsateli731 opened this issue 8 months ago · 0 comments

pronitsateli731 commented 8 months ago

Before You File a Bug Report Please Confirm You Have Done The Following...

I'm using eslint-plugin-vue.
I'm sure the problem is a parser problem. (If you are not sure, search for the issue in eslint-plugin-vue repo and open the issue in eslint-plugin-vue repo if there is no solution.
I have tried restarting my IDE and the issue persists.
I have updated to the latest version of the packages.

What version of ESLint are you using?

8.56.0

What version of `eslint-plugin-vue` and `vue-eslint-parser` are you using?

vue-eslint-parser@9.4.0
eslint-plugin-vue@9.20.1

What did you do?

Configuration

In reproduction, I use tsconfig.json and .eslintrc.cjs which were created by "npm init vue@latest".

<script setup lang="ts" generic="
  /** definition of data in FormContext */
  TDefinitionOfFormContext extends Record<string, unknown>,
  /** Output of FormContext */
  TOutputOfFormContext,
  /** Vee Validate Path of whole this component */
  TObjectArrayFieldPath extends Path<TDefinitionOfFormContext>,
  /** Row data type */
  TItemValue extends Item<PathValue<TDefinitionOfFormContext, TObjectArrayFieldPath>>
">
  // import and code
</script>