Duplicate compile class name when use @unocss/transformer-compile-class

[nguyentuevuong]

UnoCSS version

0.52.3

Describe the bug

When using the uno 0.52.3 version, if you use the transformer class with a non-default classPrefix configuration for vite and vuejs, you will encounter the error shown in the image below:

How to use:

uno.config.ts configuration file:

import {
  defineConfig, 
  presetUno, 
  transformerCompileClass,
} from 'unocss';

export default defineConfig({
  presets: [
    presetUno(),
  ],
  include: /(vue|ts|html)/,
  exclude: /(node_modules)/,
  transformers: [
    transformerCompileClass({
     // This configuration is causing an error.
      classPrefix: 'ui-',
    }),
  ],
});

Reproduction

StackBlitz sample:
https://stackblitz.com/edit/vitejs-vite-r1w7qg?file=uno.config.ts

System Info

No response

Validations

• Read the Contributing Guidelines.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• Check that this is a concrete bug. For Q&A open a GitHub Discussion or join our Discord Chat Server.
• The provided reproduction is a minimal reproducible example of the bug.

[dycops]

Have a solution?

[nguyentuevuong]

Have a solution?

You can temporarily use the solution I implemented in this PR #2664, as the described issues have been resolved by me. However, the PR has not been approved yet.

[jacob-8]

if you use the transformer class with a non-default classPrefix

This error is also showing up with the default :uno: prefix as seen here