Module breaks CSS HMR when an arbitrary value class with whitespace is used about tailwindcss

[ineshbose]

Thanks for opening and reporting an issue on this repository. Sorry it took me a while to get to this.

I tried this without the module on a vanilla installation of Tailwind CSS as well, and the issue seems to be persisting (so it's likely not the module); I wouldn't say it's Nuxt core either, but possibly something with Vite.

For now, I can tell you these workarounds:

1. The @/assets/custom.css can be added to css in your Nuxt config.
2. Put the arbitrary classes away from <template> but rather in <script> (as we understand this seems to be some parsing error) like so:

<script setup>
const myClass = "font-['Times_New_Roman']";
</script>

<template>
  <div :class="myClass">
    <p>Test Page</p>
  </div>
</template>

Apologies for this issue - let me see what I can do from my end, meanwhile if you'd like to report on Nuxt/Vite repositories, please feel free to do so!