chore(docs): preprocess css

docs/src/.vuepress/assets/index.css

@@ -47,8 +47,7 @@ p ~ h1, p ~ h2 {
 }
 
 .vue-flow__node.dark {
-  background: #557;
+  @apply bg-gray-800 text-white;
-  color: #f8f8f8;
 }
 
 .vue-flow__node-selector {
@@ -69,14 +68,14 @@ p ~ h1, p ~ h2 {
   -webkit-appearance: none;
   appearance: none;
 
-&::-moz-range-thumb {
+  &::-moz-range-thumb {
-   @apply w-[15px] h-[15px] cursor-pointer border-1 border-solid border-white rounded-full;
+     @apply w-[15px] h-[15px] cursor-pointer border-1 border-solid border-white rounded-full;
-   -webkit-appearance: none;
+     -webkit-appearance: none;
-   background: var(--color);
+     background: var(--color);
- }
+   }
-&::-webkit-slider-thumb {
+  &::-webkit-slider-thumb {
-   @apply w-[15px] h-[15px] cursor-pointer border-1 border-solid border-white rounded-full;
+     @apply w-[15px] h-[15px] cursor-pointer border-1 border-solid border-white rounded-full;
-   -webkit-appearance: none;
+     -webkit-appearance: none;
-   background: var(--color);
+     background: var(--color);
- }
+   }
 }

docs/src/.vuepress/config.ts

@@ -21,9 +21,10 @@ export default defineUserConfig<DefaultThemeOptions>({
       plugins: [
         AutoImport({
           imports: ['vue', '@vueuse/core'],
-          dts: resolve(__dirname, './auto-imports.d.ts')
+          dts: resolve(__dirname, './auto-imports.d.ts'),
         }),
         WindiCSS({
+          transformCSS: 'pre',
           config: resolve(__dirname, './windi.config.ts'),
         }),
         Components({

docs/src/.vuepress/theme/index.ts

@@ -1,4 +1,5 @@
 import { resolve } from 'path'
+import { Theme } from 'vuepress'
 
 export default {
   name: 'vuepress-theme-local',
@@ -6,4 +7,4 @@ export default {
   layouts: {
     Layout: resolve(__dirname, 'layouts/default.vue'),
   },
-}
+} as Theme