How to use localIdentName?

[9mm]

I'm using Vue 3 + Tailwind (amazing combo!)

One thing I would love to do is use webpack to generate custom minified class names with localIdentName.

I have the config working, and its properly minifying the stylesheet, but it's not changing the class names inside my single-file .vue components.

I thought this may be a vue question, but it seems that it must use "css modules" for this to work, so perhaps this is a vue question?

Thanks

[9mm]

module.exports = {
  css: {
    requireModuleExtension: false,
    loaderOptions: {
      css: {
        modules: {
          localIdentName: '[hash:base64:5]',
        },
      },
    },
  },
};