Usage with windicss

[lukashass]

I'm trying to use vitebook in a project that uses WindiCSS for styling components.

While WindiCSS is pretty similar to tailwind, I suspect that the setup might be considerably different since WindiCSS generates classes on demand. Are there any resources available that might help with this setup?

[hrishikesh-k]

I stumbled upon the same issue and found my way out. Not sure if this is the correct way, but it gets the job done.

in .vitebook/config.ts:

import {defineConfig} from '@vitebook/client/node'
import WindiCSS from 'vite-plugin-windicss'
export default defineConfig({
  plugins: [WindiCSS()]
})

in .vitebook/App.vue:

<script
  lang = "ts">
  import 'virtual:windi.css'
</script>

[Mnigos]

@hrishikesh-k doesn't work for me

[hrishikesh-k]

Can't say much without looking at a reproduction :)

I posted the above after it worked for me - but then, I also stopped using Vitebook within a day, so maybe it's no longer working - if anything has changed meanwhile.