Vine support unocss👀❓

[CodeGetters]

I see vine is similar to react which compiles the returned string into html, if so is it compatible with unocss?

Can you give me an example if it is already unocss compatible? Because it didn't work when I used it

// app.vine
  return vine`
    <button class="random-pick-post-btn bg-red" @click="randomPick">
      Random pick a post
    </button>
    <BlogPost :id="id" />
  `

// uno.config.ts
// uno.config.ts
import { defineConfig, presetUno } from 'unocss'

export default defineConfig({
  presets: [
    presetUno(),
  ],
})

[ShenQingchuan]

Good first discussion！This is related to our ecosystem support and I'll put it into backlog~

[ShenQingchuan]

Seems like you didn't get the bundle output? Check if there's a dist folder inside packages/vite-plugin and packages/vue-vine.

Make sure you're checking out the latest main branch! I pushed a lot of new commits these days. 💗

[CodeGetters]

yes,you're right. 😉The dist directory is not found in the packages/vite-plugin directory, apparently because it is not included when the package command is not used. Can you tell me how to package this directory separately, since the related command is not found in package.json🤔

[ShenQingchuan]

yes,you're right. 😉The dist directory is not found in the packages/vite-plugin directory, apparently because it is not included when the package command is not used. Can you tell me how to package this directory separately, since the related command is not found in package.json🤔

As our expectation, after you run pnpm run dev, we'll compile the following 3 packages:

1. compiler
2. vite-plugn
3. vue-vine

When the output in terminal stopped, there's supposed to be a dist folders in each package.

What's your output after running pnpm run dev?

[ShenQingchuan]

@CodeGetters

Apologies for my mistake, one of the steps in the "try the demo" guide in the previous Readme was missed:

After pnpm install you need to pnpm run build first.

Please try again by pulling the latest main branch.

[CodeGetters]

@ShenQingchuan
so cool😘 Everything seems normal now✔ thank you!