DavidHDev/vue-bits

[BUG]: The fontsize could not change for GradientText and SplitText

Closed this issue · 0 comments

Describe the issue

I followed the demo file GradientTextDemo.vue, the font cannot change.
The framework use Nuxt4+Vue3+TailwindCSS4

"nuxt": "^4.1.1",
"tailwindcss": "^4.1.13",
"vue": "^3.5.21"

The source code like below:

    <div class="demo-container h-[200px]">
      <div class="text-[2rem]">
        <GradientText
          text="Add a splash of color!"
          :colors="gradientPreview"
          :animation-speed="speed"
          :show-border="false"
        />
      </div>
    </div>

Reproduction Link

No response

Steps to reproduce

    <div class="demo-container h-[200px]">
      <div class="text-[2rem]">
        <GradientText
          text="Add a splash of color!"
          :colors="gradientPreview"
          :animation-speed="speed"
          :show-border="false"
        />
      </div>
    </div>

Validations

  • I have checked other issues to see if my issue was already reported or addressed