diff --git a/package.json b/package.json
index f419cc67..91685d78 100644
--- a/package.json
+++ b/package.json
@@ -82,6 +82,7 @@
     "@types/sortablejs": "^1.15.1",
     "@typescript-eslint/eslint-plugin": "^5.56.0",
     "@typescript-eslint/parser": "^5.56.0",
+    "@unocss/transformer-directives": "^0.50.6",
     "@vitejs/plugin-legacy": "^4.0.2",
     "@vitejs/plugin-vue": "^4.1.0",
     "@vitejs/plugin-vue-jsx": "^3.0.1",
@@ -125,10 +126,10 @@
     "vite-plugin-progress": "^0.0.6",
     "vite-plugin-purge-icons": "^0.9.2",
     "vite-plugin-pwa": "^0.14.6",
+    "vite-plugin-style-import": "^2.0.0",
     "vite-plugin-svg-icons": "^2.0.1",
     "vite-vue-plugin-html": "^1.0.1",
     "vite-vue-plugin-theme": "^1.0.0",
-    "vite-plugin-style-import": "^2.0.0",
     "vue-eslint-parser": "^9.1.0",
     "vue-tsc": "^1.2.0"
   },
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 0ffd82bf..c32e9534 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -21,6 +21,7 @@ specifiers:
   '@types/sortablejs': ^1.15.1
   '@typescript-eslint/eslint-plugin': ^5.56.0
   '@typescript-eslint/parser': ^5.56.0
+  '@unocss/transformer-directives': ^0.50.6
   '@vitejs/plugin-legacy': ^4.0.2
   '@vitejs/plugin-vue': ^4.1.0
   '@vitejs/plugin-vue-jsx': ^3.0.1
@@ -150,6 +151,7 @@ devDependencies:
   '@types/sortablejs': 1.15.1
   '@typescript-eslint/eslint-plugin': 5.56.0_2hcjazgfnbtq42tcc73br2vup4
   '@typescript-eslint/parser': 5.56.0_j4766f7ecgqbon3u7zlxn5zszu
+  '@unocss/transformer-directives': 0.50.6
   '@vitejs/plugin-legacy': 4.0.2_terser@5.16.8+vite@4.2.1
   '@vitejs/plugin-vue': 4.1.0_vite@4.2.1+vue@3.2.47
   '@vitejs/plugin-vue-jsx': 3.0.1_vite@4.2.1+vue@3.2.47
diff --git a/unocss.config.ts b/unocss.config.ts
index e3deda8e..cbc6fcec 100644
--- a/unocss.config.ts
+++ b/unocss.config.ts
@@ -1,11 +1,11 @@
 import { defineConfig, presetAttributify, presetMini, presetUno } from 'unocss'
-// import presetWind from '@unocss/preset-wind'
+import transformerDirectives from '@unocss/transformer-directives'
 import { primaryColor } from './build/config/themeConfig'
 
 export default defineConfig({
+  exclude: ['node_modules', 'dist', '.git', '.husky', '.vscode', 'public', 'build'],
   presets: [presetMini({ dark: 'class' }), presetAttributify(), presetUno()],
-  // presets: [presetMini(), presetAttributify(), presetUno({ dark: 'class' }), presetWind()],
-  // transformers: [createEnterPlugin()],
+  transformers: [transformerDirectives()],
   theme: {
     extend: {
       zIndex: {