Tailwind 4 classes seem not to be applied in CSS modules . I tried the directive
@reference
@reference
from Tailwind, and it is still not working :
<template> <div> <p class="is-applied">Color is applied.</p> <p :class="$style['is-not-applied']">Color is not applied.</p> </div></template><style>@reference '~/assets/styles/main.css';.is-applied { @apply text-primary; /* is applied */}</style><style module>@reference '~/assets/styles/main.css';.is-not-applied { @apply text-primary; /* is not applied */}</style>
<template> <div> <p class="is-applied">Color is applied.</p> <p :class="$style['is-not-applied']">Color is not applied.</p> </div></template><style>@reference '~/assets/styles/main.css';.is-applied { @apply text-primary; /* is applied */}</style><style module>@reference '~/assets/styles/main.css';.is-not-applied { @apply text-primary; /* is not applied */}</style>