From c3dcbcf4f8d5d00ec3e3a91407ca98bfc4e1564a Mon Sep 17 00:00:00 2001
From: Benjamin Canac <canacb1@gmail.com>
Date: Wed, 26 Feb 2025 11:33:59 +0100
Subject: [PATCH] playground(css): source to root dir

---
 playground-vue/src/assets/css/main.css | 4 +---
 playground-vue/src/main.ts             | 4 ++--
 playground/app/assets/css/main.css     | 2 +-
 3 files changed, 4 insertions(+), 6 deletions(-)

diff --git a/playground-vue/src/assets/css/main.css b/playground-vue/src/assets/css/main.css
index 23d3ad49..f57f86d7 100644
--- a/playground-vue/src/assets/css/main.css
+++ b/playground-vue/src/assets/css/main.css
@@ -1,8 +1,6 @@
-@import "tailwindcss" theme(static);
+@import "tailwindcss" theme(static) source("../../../..");
 @import "@nuxt/ui";
 
-@source "../../../../playground/";
-
 @theme static {
   --font-sans: 'Public Sans', sans-serif;
 
diff --git a/playground-vue/src/main.ts b/playground-vue/src/main.ts
index ef8e487d..d236724e 100644
--- a/playground-vue/src/main.ts
+++ b/playground-vue/src/main.ts
@@ -2,7 +2,7 @@ import './assets/css/main.css'
 
 import { createApp, defineAsyncComponent, ref } from 'vue'
 import { createRouter, createWebHistory } from 'vue-router'
-import uiPlugin from '@nuxt/ui/vue-plugin'
+import ui from '@nuxt/ui/vue-plugin'
 
 import App from './app.vue'
 
@@ -30,7 +30,7 @@ Object.entries(components).forEach(([path, component]) => {
 })
 
 app.use(router)
-app.use(uiPlugin)
+app.use(ui)
 
 // @ts-expect-error unknown global property
 globalThis.useFetch = async (url: string, options: RequestInit & { transform?: (data) => any } = {}) => {
diff --git a/playground/app/assets/css/main.css b/playground/app/assets/css/main.css
index 3e066d72..f57f86d7 100644
--- a/playground/app/assets/css/main.css
+++ b/playground/app/assets/css/main.css
@@ -1,4 +1,4 @@
-@import "tailwindcss" theme(static);
+@import "tailwindcss" theme(static) source("../../../..");
 @import "@nuxt/ui";
 
 @theme static {