playground(css): source to root dir

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;
 

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 } = {}) => {