refactor!: remove windicss support (#1267)

Author: antfu

.gitpod.yml

@@ -18,5 +18,4 @@ vscode:
     - Vue.volar
     - antfu.iconify
     - dbaeumer.vscode-eslint
-    - voorjaar.windicss-intellisense
     - csstools.postcss

package.json

@@ -64,7 +64,6 @@
     "tsup": "^8.0.1",
     "typescript": "^5.3.3",
     "vite": "^5.0.12",
-    "vite-plugin-windicss": "^1.9.3",
     "vitest": "^1.2.2",
     "vue-tsc": "^1.8.27",
     "zx": "^7.2.3"

packages/client/package.json

@@ -44,10 +44,8 @@
     "recordrtc": "^5.6.2",
     "resolve": "^1.22.8",
     "unocss": "^0.58.4",
-    "vite-plugin-windicss": "^1.9.3",
     "vue": "^3.4.15",
-    "vue-router": "^4.2.5",
-    "windicss": "^3.5.6"
+    "vue-router": "^4.2.5"
   },
   "devDependencies": {
     "vite": "^5.0.12"

packages/client/windi.config.ts

@@ -103,7 +103,7 @@ export function verifyConfig(
   if (themeHightlighter && config.highlighter !== themeHightlighter)
     warn(`Syntax highlighter "${config.highlighter}" does not supported by the theme`)
 
-  if (!['windicss', 'unocss', undefined].includes(config.css)) {
+  if (!['unocss', undefined].includes(config.css)) {
     warn(`Unsupported Atomic CSS engine "${config.css}", fallback to UnoCSS`)
     config.css = 'unocss'
   }

packages/parser/src/config.ts

@@ -3,5 +3,4 @@ import './declare'
 export * from './server'
 export * from './plugins/preset'
 export * from './options'
-export * from './plugins/windicss'
 export { parser } from './parser'

packages/slidev/node/index.ts

@@ -6,7 +6,6 @@ import type VueJsx from '@vitejs/plugin-vue-jsx'
 import type Icons from 'unplugin-icons/vite'
 import type Components from 'unplugin-vue-components/vite'
 import type Markdown from 'unplugin-vue-markdown/vite'
-import type WindiCSS from 'vite-plugin-windicss'
 import type { VitePluginConfig as UnoCSSConfig } from 'unocss/vite'
 import type RemoteAssets from 'vite-plugin-remote-assets'
 import type ServerRef from 'vite-plugin-vue-server-ref'
@@ -73,7 +72,6 @@ export interface SlidevPluginOptions extends SlidevEntryOptions {
   vuejsx?: ArgumentsType<typeof VueJsx>[0]
   markdown?: ArgumentsType<typeof Markdown>[0]
   components?: ArgumentsType<typeof Components>[0]
-  windicss?: ArgumentsType<typeof WindiCSS>[0]
   icons?: ArgumentsType<typeof Icons>[0]
   remoteAssets?: ArgumentsType<typeof RemoteAssets>[0]
   serverRef?: ArgumentsType<typeof ServerRef>[0]

packages/slidev/node/options.ts

@@ -20,7 +20,6 @@ const EXCLUDE = [
   '@unocss/reset',
   'unocss',
   'mermaid',
-  'vite-plugin-windicss',
   'vue-demi',
   'vue',
 ]

packages/slidev/node/plugins/extendConfig.ts

@@ -1,5 +1,4 @@
 import { basename, join } from 'node:path'
-import process from 'node:process'
 import type { Connect, ModuleNode, Plugin, Update, ViteDevServer } from 'vite'
 import { isString, notNullish, objectMap, range, slash, uniq } from '@antfu/utils'
 import fg from 'fast-glob'
@@ -579,15 +578,6 @@ defineProps<{ no: number | string }>()`)
       )
       imports.push('import "uno.css"')
     }
-    else {
-      imports.unshift(
-        'import "virtual:windi-components.css"',
-        'import "virtual:windi-base.css"',
-      )
-      imports.push('import "virtual:windi-utilities.css"')
-      if (process.env.NODE_ENV !== 'production')
-        imports.push('import "virtual:windi-devtools"')
-    }
 
     return imports.join('\n')
   }

packages/slidev/node/plugins/loaders.ts

@@ -192,9 +192,7 @@ export async function ViteSlidevPlugin(
 
     config.css === 'none'
       ? null
-      : config.css === 'windicss'
-        ? import('./windicss').then(r => r.createWindiCSSPlugin(options, pluginOptions))
-        : import('./unocss').then(r => r.createUnocssPlugin(options, pluginOptions)),
+      : import('./unocss').then(r => r.createUnocssPlugin(options, pluginOptions)),
   ]
 
   return (await Promise.all(plugins))

packages/slidev/node/plugins/preset.ts

@@ -63,7 +63,6 @@
     "@unocss/reset": "^0.58.4",
     "@vitejs/plugin-vue": "^5.0.3",
     "@vitejs/plugin-vue-jsx": "^3.1.0",
-    "@windicss/config": "^1.9.3",
     "cli-progress": "^3.12.0",
     "codemirror": "^5.65.5",
     "connect": "^3.7.0",
@@ -110,10 +109,8 @@
     "vite-plugin-remote-assets": "^0.4.1",
     "vite-plugin-static-copy": "^1.0.1",
     "vite-plugin-vue-server-ref": "^0.4.0",
-    "vite-plugin-windicss": "^1.9.3",
     "vitefu": "^0.2.5",
     "vue": "^3.4.15",
-    "windicss": "^3.5.6",
     "yargs": "^17.7.2"
   },
   "devDependencies": {

packages/slidev/node/plugins/windicss.ts

@@ -4,7 +4,7 @@ theme: seriph
 # random image from a curated Unsplash collection by Anthony
 # like them? see https://unsplash.com/collections/94734566/slidev
 background: https://source.unsplash.com/collection/94734566/1920x1080
-# apply any windi css classes to the current slide
+# apply any unocss classes to the current slide
 class: 'text-center'
 # https://sli.dev/custom/highlighters.html
 highlighter: shiki

packages/slidev/package.json

@@ -167,10 +167,9 @@ export interface SlidevConfig {
    * Engine for Atomic CSS
    *
    * @see https://unocss.dev/
-   * @see https://windicss.org/
    * @default 'unocss'
    */
-  css: 'unocss' | 'windicss' | 'none'
+  css: 'unocss' | 'none'
   /**
    * Enable presenter mode
    *

packages/slidev/template.md

@@ -5,7 +5,6 @@ import type { Router } from 'vue-router'
 import type mermaid from 'mermaid'
 import type { KatexOptions } from 'katex'
 import type { CodeToHastOptions, Highlighter } from 'shiki'
-import type { WindiCssOptions } from 'vite-plugin-windicss'
 import type { VitePluginConfig as UnoCssConfig } from 'unocss/vite'
 import type { SlidevPreparserExtension } from './types'
 
@@ -62,7 +61,6 @@ export type ShikiSetupReturn = Partial<CodeToHastOptions> & {
 // node side
 export type ShikiSetup = (shiki: ShikiContext) => Awaitable<ShikiSetupReturn | void>
 export type KatexSetup = () => Awaitable<Partial<KatexOptions> | void>
-export type WindiSetup = () => Awaitable<Partial<WindiCssOptions> | void>
 export type UnoSetup = () => Awaitable<Partial<UnoCssConfig> | void>
 export type PreparserSetup = (filepath: string) => SlidevPreparserExtension
 
@@ -76,10 +74,6 @@ export function defineShikiSetup(fn: ShikiSetup) {
   return fn
 }
 
-export function defineWindiSetup(fn: WindiSetup) {
-  return fn
-}
-
 export function defineUnoSetup(fn: UnoSetup) {
   return fn
 }