feat(vue): setup-unocss generator

[gnuion]

Description

NX has made my developer life easier. I like UnoCSS more than TailwindCSS, but setting up UnoCSS every time is a hassle. I'm attempting to craft a plugin to automate UnoCSS setup, hoping to ease the hassle of doing it manually each time.

Expected Behavior

Should work exactly the same as nx g @nx/vue:setup-tailwind but setup UnoCSS instead.

Hardware Specifications

• Machine: MacBook Pro M1
• OS: Sonoma 14.4

TODOs

• Setup environment to work on the plugin locally
• Develop the vue setup-tailwind generator
• Test it locally in a new repository
• Test it locally within the fork (Error: Cannot find configuration for task @nx/nx-source:test)
• Community review

Fixes #
#23114 (duplicate of #19888)
#19888

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Updated (UTC)
nx-dev	✅ Ready (Inspect)	Visit Preview	May 1, 2024 5:45pm

[nx-cloud]

☁️ Nx Cloud Report

CI is running/has finished running commands for commit 29ac32b. As they complete they will appear below. Click to see the status, the terminal output, and the build insights.

📂 See all runs for this CI Pipeline Execution

---

🟥 Failed Commands
nx-cloud record -- nx format:check --base=22ef42a475f14fdc8734a9d21f73d42f05f1f28e --head=29ac32bcf17f037e036b5080debc56f7c9576fc0

✅ Successfully ran 3 targets

• nx affected --targets=lint,test,build --base=22ef42a475f14fdc8734a9d21f73d42f05f1f28e --head=29ac32bcf17f037e036b5080debc56f7c9576fc0 --parallel=3
• nx documentation --no-dte
• nx affected -t e2e-macos-ci --parallel=1 --base=22ef42a475f14fdc8734a9d21f73d42f05f1f28e --head=29ac32bcf17f037e036b5080debc56f7c9576fc0

---

Sent with 💌 from NxCloud.

[gnuion]

I don't know if a plugin is needed for this simple setup. Nonetheless, exploring this repository was a lot of fun. It works for my use case, but further testing wouldn't hurt. We might include a style reset too!

[gnuion]

Screengif: