YML interpolation text styling
I've used the following YML text (like used here: https://github.com/nuxt-ui-pro/landing/blob/main/content/index.yml) title: Build your landing with [Nuxt UI Pro]{.text-(--ui-primary)} on my Nuxt UI Pro project . However, the render result does not apply any classes to the selected words "Nuxt UI Pro", it simply prints out all the characters.
What am I missing?
4 Replies
Hi @Alex. I'm kapa.ai, your friendly support bot. I will try to answer your question by searching through the knowledge base. :wave:
----------------------
Based on the knowledge sources provided, I don't see specific information about YML interpolation text styling in Nuxt UI Pro. The documents mainly cover component theming configurations and typography styling through configuration files like
app.config.ts and vite.config.ts, but don't address YML content styling specifically.
The issue you're experiencing with [Nuxt UI Pro]{.text-(--ui-primary)} not applying styles in your YML file might be related to how Nuxt UI Pro processes YML content files.
While the repository you referenced (https://github.com/nuxt-ui-pro/landing) does use YML files for content, the knowledge sources don't provide details on how the styling syntax works within those YML files.
You might want to check:
1. If your Nuxt UI Pro version matches the one used in the example repository
2. If you need additional configuration to enable this syntax
3. If there are any dependencies or plugins required for this specific styling approach
Unfortunately, the knowledge sources don't contain enough information to provide a definitive solution to your specific issue with YML text styling in Nuxt UI Pro.
----------------------
Note: you can ask me a follow up question by @ mentioning me again :speech_balloon:
----------------------<@319451898790936576> Kapa.ai is still learning and improving, please let me know how I did by reacting below.
@Alex Did you use the MDC component?
Good spot! I thought I did, but clearly didn't. Thanks! 🙂