From 572e56752826eb1ab8834b7712138e5c4f3608f7 Mon Sep 17 00:00:00 2001 From: Benjamin Canac Date: Tue, 18 Feb 2025 12:55:54 +0100 Subject: [PATCH] docs(theme): improve `@source` section --- docs/content/1.getting-started/3.theme.md | 10 +++++++--- 1 file changed, 7 insertions(+), 3 deletions(-) diff --git a/docs/content/1.getting-started/3.theme.md b/docs/content/1.getting-started/3.theme.md index c6208fd7..a20c90b4 100644 --- a/docs/content/1.getting-started/3.theme.md +++ b/docs/content/1.getting-started/3.theme.md @@ -80,7 +80,7 @@ Learn more about customizing your theme in the theme variables documentation. You can use the [`@source` directive](https://tailwindcss.com/docs/functions-and-directives#source-directive) to explicitly specify source files that aren't picked up by Tailwind's automatic content detection: -This can be useful when writing Tailwind classes in markdown files with [`@nuxt/content`](https://github.com/nuxt/content) for example: +This can be useful when writing Tailwind CSS classes in markdown files with [`@nuxt/content`](https://github.com/nuxt/content) for example: ::module-only #ui @@ -90,7 +90,9 @@ This can be useful when writing Tailwind classes in markdown files with [`@nuxt/ @import "tailwindcss"; @import "@nuxt/ui"; -@source "../../content"; /* Change to "../../../content" if using compatibilityVersion: 4 in nuxt.config.ts */ +@source "../../content"; +/* Use this if using compatibilityVersion: 4: https://nuxt.com/docs/getting-started/upgrade#opting-in-to-nuxt-4 */ +@source "../../../content"; ``` ::: @@ -102,7 +104,9 @@ This can be useful when writing Tailwind classes in markdown files with [`@nuxt/ @import "tailwindcss"; @import "@nuxt/ui-pro"; -@source "../../content"; /* Change to "../../../content" if using compatibilityVersion: 4 in nuxt.config.ts */ +@source "../../content"; +/* Use this if using compatibilityVersion: 4: https://nuxt.com/docs/getting-started/upgrade#opting-in-to-nuxt-4 */ +@source "../../../content"; ``` :::