How to Add Presets in the UnoCSS Plugin?

[quadratz]

I'm encountering an error while attempting to add presets in the UnoCSS plugin. Here's the code snippet I'm using:

import lume from "lume/mod.ts";
import unocss from "lume/plugins/unocss.ts";
import { presetWind } from 'npm:unocss';

const site = lume();

site.use(unocss({
  options: {
    presets: [
      presetWind({  // <-- Error
        prefix: "un-"
      }),
    ]
  }
}));

export default site;

The error message I'm receiving is:

Type 'Preset<Theme>' is not assignable to type 'PresetOrFactory<object> | PresetOrFactory<object>[]'.

Could someone please advise on the correct approach to adding UnoCSS presets within the UnoCSS plugin in a Lume project? Any help would be appreciated.

Thanks!

[oscarotero]

could you try to import it from npm:@unocss/preset-wind?

[quadratz]

Unfortunately, the same error persists.

[oscarotero]

Hmm, it works for me. Are you using the latest Lume version?
If so, do you have a public repo to take a look?

[quadratz]

Here's the repo: https://github.com/quadratz/lume-unocss. It seems enabling nodeModulesDir in the deno.json triggers the error (?)

[oscarotero]

I see. I never used nodeModuleDir in Deno, so didn't see this bug before.
Out of curiosity, why do you want to use it?

I think this must be a bug from Deno. Looks like something is missing if this option is enabled.

[quadratz]

I think this must be a bug from Deno

I think so.

I see. I never used nodeModuleDir in Deno, so didn't see this bug before.
Out of curiosity, why do you want to use it?

The official plugin requires me to install the node_modules to make it work. Thus, the temporary solution is to ignore the error by adding @ts-ignore.

I've updated the repo with the code where the plugin works as expected. But I'm not sure if it is the correct way.