Chazzer
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