fix: windicss extraction, vue import, demo text color (#157)

Author: hannoeru

demo/composable-vue/components/DarkToggle.vue

@@ -4,7 +4,7 @@ import { isDark, toggleDark } from '@slidev/client/logic/dark'
 
 <template>
   <button
-    class="bg-$slidev-theme-primary rounded border-b-2 border-green-900 text-white text-sm px-2 pt-1.5 pb-1 inline-block !outline-none hover:bg-opacity-85"
+    class="bg-$slidev-theme-primary rounded border-b-2 border-green-900 text-sm px-2 pt-1.5 pb-1 inline-block !outline-none hover:bg-opacity-85"
     @click="toggleDark"
   >
     <div class="flex">

packages/client/env.ts

@@ -1,5 +1,5 @@
 import { SlidevConfig } from '@slidev/types'
-import { computed } from '@vue/runtime-core'
+import { computed } from 'vue'
 import { objectMap } from '@antfu/utils'
 // @ts-ignore
 import _configs from '/@slidev/configs'

packages/client/windi.config.ts

@@ -1,21 +1,20 @@
-import { resolve, dirname } from 'path'
+import { resolve } from 'path'
 import { isTruthy } from '@antfu/utils'
 import { DefaultExtractor, defineConfig } from 'vite-plugin-windicss'
 import typography from 'windicss/plugin/typography'
 
 export default defineConfig({
   extract: {
     include: [
-      '*.md',
-      resolve(__dirname, '**/*.{vue,ts,js,md}'),
-      '**/*.{vue,ts,tsx,jsx,md}',
+      '**/*.{vue,ts,tsx,js,jsx,md}',
+      // @slidev/client/**/*.{vue,ts}
+      resolve(__dirname, '**/*.{vue,ts}'),
     ],
     exclude: [
       '.git',
-      // eslint-disable-next-line no-eval
-      dirname(eval('require').resolve('monaco-editor/package.json')),
-      // eslint-disable-next-line no-eval
-      dirname(eval('require').resolve('katex/package.json')),
+      'node_modules',
+      // @slidev/client/node_modules
+      resolve(__dirname, 'node_modules'),
     ],
     extractors: [
       {