I've been encountering some difficulties with WindiCSS. The classes are not being applied to the elements as expected. I attempted to install an older version of Windi, but the issue persisted. I even tried switching to Tailwind instead of Windi, but unfortunately, that did not resolve the problem.
index.vue
<template>
<div>
<p class="text-red">e</p>
</div>
</template>
windi.config.ts
import { defineConfig } from 'windicss/helpers'
export default defineConfig({
extract: {
include: ['**/*.{vue,html,jsx,tsx}'],
exclude: ['node_modules', '.git'],
},
theme: {
colors: {
primary: '#5b0770',
},
},
})