Intellisense stops working after 6 lines

[dreitzner]

I use tailwind in a NuxtJS project. (using tailwindcss@^3.2.4)
The intellisense in VS Code stops working after six lines in the dynamic css block.
I didn't find any setting to adjust the range of lines that should be considered.

Example:

<template>
  <component
    :is="`h${lvl}`"
    :class="[
      `text-${color}`,
      {
        'font-austin text-5xl uppercase leading-tight tracking-wider sm:text-6xl md:text-8xl lg:text-10xl 2xl:text-11xl 3xl:text-12xl': sizeInternal === '4xl',
        'font-austin text-4xl uppercase leading-tight tracking-wider sm:text-5xl md:text-6xl xl:text-8xl 3xl:text-10xl': sizeInternal === '3xl',
        'font-austin text-4xl uppercase leading-tight tracking-normal sm:text-5xl md:text-6xl xl:text-8xl 3xl:text-10xl': sizeInternal === '3xl-tight',
        'font-austin text-3xl uppercase leading-tight tracking-normal sm:text-4xl md:text-5xl xl:text-6xl 3xl:text-7xl': sizeInternal === '2xl-tight',
        'font-austin text-2xl uppercase leading-tight tracking-wider sm:text-4xl md:text-5xl xl:text-6xl 3xl:text-8xl': sizeInternal === '2xl',
        'font-austin text-xl uppercase leading-normal tracking-wider md:text-2xl xl:text-3xl 3xl:text-4xl': sizeInternal === 'xl-austin',
        'font-hurme text-xl uppercase leading-normal tracking-wider md:text-2xl xl:text-3xl 3xl:text-4xl': sizeInternal === 'xl-hurme',
        'font-hurme text-lg uppercase leading-normal tracking-wider md:text-xl xl:text-2xl 3xl:text-3xl': sizeInternal === 'lg',
        'font-hurme text-base uppercase leading-normal tracking-wider md:text-lg xl:text-xl 3xl:text-2xl': sizeInternal === 'md',
        'font-hurme text-sm uppercase leading-normal tracking-wider md:text-base': sizeInternal === 'sm',
      },
      variant,
    ]"
    :data-jump-to-text="text"
  >
    {{ text }}
  </component>
</template>

Thank you for all the great work that you do