Ruby on Rails Pug probems

I’ve got couple of problems with Rails and Windi on Vite One are that tailwind.config.js / windi.config.js / windi.config.ts configs are not being loaded when running bin/vite de, only settings from vite.config.ts works.

Also I’ve got problem with pug, div.bg-white don’t work but div(class='bg-white') will work or

div {
  @apply bg-white;
}

also works, I can’t figure normal classes to work with pug, I did try setting in vite.config.ts scanning, nothing works.

My config

import { defineConfig } from "vite"
import RubyPlugin from "vite-plugin-ruby"
import WindiCSS from "vite-plugin-windicss"
import vue from "@vitejs/plugin-vue"

export default defineConfig({
  plugins: [
    WindiCSS({
      scan: {
        //////// this one helps but doesn't fix problem
        dirs: ["."], // all files in the cwd
        fileExtensions: ["vue", "js", "ts", "pug"], // also enabled scanning for js/ts
      },
    }),
    RubyPlugin(),
    vue(),
  ],
})

also got pug dev dependency installed

[ElMassimo]

@xxSkyy Make sure to provide the root option to the Windi CSS plugin, as in these instructions.

• Example 1
• Example 2

[antfu]

I am not familiar with ruby, but can you try this:

  extract: {
    include: ["**/*.{vue,html,jsx,tsx,pug}"],
    exclude: ["node_modules", ".git"],
  },

I guess the ruby plugin might change the vite’s root by somehow.