How to integrate UnoCSS with Nuxt 3.7.x + StoryBook 7.x?

[jdkcoder]

I have integrated Storybook for my Nuxt.js 3.7.x project by using @storybook-vue/nuxt , instead of using tailwind, I want to use UnoCSS but I can't figure out how to that, I'm looking for solutions.

Thanks!

[jdkcoder]

I found the solution, first add module of unocss in nuxt.config.ts

...
 modules: [
   //...
    '@unocss/nuxt',
]

Then at preview.ts/preview.js just add import 'virtual:uno.css'

import type { Preview } from "@storybook/vue3";
import 'virtual:uno.css'

const preview: Preview = {
  parameters: {
    actions: { argTypesRegex: "^on[A-Z].*" },
    controls: {
      matchers: {
        color: /(background|color)$/i,
        date: /Date$/,
      },
    },
    docs: {
      toc: true,
    }
  },
};

export default preview;