From 2516bd2b052eff65fb3de0a31d5618511349950b Mon Sep 17 00:00:00 2001
From: sadeghbarati <sadeghbaratiwork@gmail.com>
Date: Sun, 9 Jun 2024 08:50:03 +0330
Subject: [PATCH] chore: update codeeditor and tailwindcss file to fix chart
 repro

---
 apps/www/.vitepress/theme/utils/codeeditor.ts | 20 +++++++++----------
 .../fixtures/nuxt/assets/css/tailwind.css     | 12 +++++++++++
 2 files changed, 22 insertions(+), 10 deletions(-)

diff --git a/apps/www/.vitepress/theme/utils/codeeditor.ts b/apps/www/.vitepress/theme/utils/codeeditor.ts
index 02239879..11424e4f 100644
--- a/apps/www/.vitepress/theme/utils/codeeditor.ts
+++ b/apps/www/.vitepress/theme/utils/codeeditor.ts
@@ -2,7 +2,9 @@ import { getParameters } from 'codesandbox/lib/api/define'
 import sdk from '@stackblitz/sdk'
 import { dependencies as deps } from '../../../package.json'
 import { Index as demoIndex } from '../../../../www/__registry__'
+// @ts-expect-error ?raw
 import tailwindConfigRaw from '../../../tailwind.config?raw'
+// @ts-expect-error ?raw
 import cssRaw from '../../../../../packages/cli/test/fixtures/nuxt/assets/css/tailwind.css?raw'
 import type { Style } from '@/lib/registry/styles'
 
@@ -35,7 +37,15 @@ const viteConfig = {
 import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
 
+import tailwind from 'tailwindcss';
+import autoprefixer from 'autoprefixer';
+
 export default defineConfig({
+  css: {
+    postcss: {
+      plugins: [tailwind(), autoprefixer()],
+    },
+  },
   plugins: [vue()],
   resolve: {
     alias: {
@@ -102,7 +112,6 @@ function constructFiles(componentName: string, style: Style, sources: Record<str
     '@vitejs/plugin-vue': 'latest',
     'vue-tsc': 'latest',
     'tailwindcss': 'latest',
-    'postcss': 'latest',
     'autoprefixer': 'latest',
   }
 
@@ -145,15 +154,6 @@ function constructFiles(componentName: string, style: Style, sources: Record<str
       content: tailwindConfigRaw,
       isBinary: false,
     },
-    'postcss.config.js': {
-      content: `module.exports = {
-  plugins: {
-    tailwindcss: {},
-    autoprefixer: {},
-  }
-}`,
-      isBinary: false,
-    },
     'tsconfig.json': {
       content: `{
 "$schema": "https://json.schemastore.org/tsconfig",
diff --git a/packages/cli/test/fixtures/nuxt/assets/css/tailwind.css b/packages/cli/test/fixtures/nuxt/assets/css/tailwind.css
index a0bf50ca..ecd86ae2 100644
--- a/packages/cli/test/fixtures/nuxt/assets/css/tailwind.css
+++ b/packages/cli/test/fixtures/nuxt/assets/css/tailwind.css
@@ -30,6 +30,18 @@
     --input:240 5.9% 90%;
     --ring:240 5.9% 10%;
     --radius: 0.5rem;
+
+    --vis-tooltip-background-color: none !important;
+    --vis-tooltip-border-color: none !important;
+    --vis-tooltip-text-color: none !important;
+    --vis-tooltip-shadow-color: none !important;
+    --vis-tooltip-backdrop-filter: none !important;
+    --vis-tooltip-padding: none !important;
+
+    --vis-primary-color: var(--primary);
+    /* change to any hsl value you want */
+    --vis-secondary-color: 160 81% 40%;
+    --vis-text-color: var(--muted-foreground);
   }
  
   .dark {