Chazzer
Migration Issue with Nuxt UI 3 and Tailwind Resolution
Hi everyone!
I resolved an issue during my migration to Nuxt UI 3 but wanted to get clarity on the underlying cause.
Error Encountered:
When running pnpm dev, I got:
Pre-transform error: Can't resolve 'tailwindcss' in '/home/frontend/app/assets/css'
Solution:
Adding " "tailwindcss": "^4.0.15"," to package.json fixed it.
Question:
Shouldn’t TailwindCSS be included by default in "@nuxt/ui-pro": "^3.0.1"? Or is this expected behavior ?
Thanks for any insights!12 replies
Need Help with Nuxt Content and Styled Text in YAML
Hello everyone,
I'm encountering an issue with my Nuxt.js project that uses Nuxt Content. Here's a summary of my situation and what I need:
Context
- I'm using pre-built components like UlandingHero in my Nuxt project.
- I want to separate text content from my code by using YAML files located in the
content/ directory.
- My goal is to import this YAML content into my Vue components.
- I'm using YAML for easier future support of multiple languages.
Problem
- I want to add styles (such as bold or italic words) and more complex styles, such as gradient effects on words in my title. in the text from my YAML file.
- Using HTML or Markdown doesn't work directly within the .yml file.
What I Have Tried
Using v-html:
- I considered using v-html to render HTML content, but this poses security risks (XSS).5 replies