chore: update deps

package.json

@@ -1,7 +1,7 @@
 {
   "name": "transform-to-unocss",
   "version": "0.0.88",
-  "packageManager": "pnpm@8.15.9",
+  "packageManager": "pnpm@9.15.0",
   "description": "The tool that transform css to unocss",
   "author": "Simon He",
   "license": "MIT",
@@ -57,45 +57,45 @@
     "typecheck": "tsc --noEmit"
   },
   "dependencies": {
-    "fast-glob": "^3.3.2"
+    "@vue/compiler-sfc": "3.3.4"
   },
   "devDependencies": {
-    "@antfu/eslint-config": "^2.25.1",
-    "@babel/core": "^7.25.2",
-    "@babel/eslint-parser": "^7.25.1",
-    "@babel/plugin-syntax-import-meta": "^7.10.4",
-    "@babel/plugin-transform-typescript": "^7.25.2",
-    "@rollup/pluginutils": "^5.1.0",
+    "@antfu/eslint-config": "^3.11.2",
+    "@babel/core": "7.21.0",
+    "@babel/eslint-parser": "7.19.1",
+    "@babel/plugin-syntax-import-meta": "7.10.4",
+    "@babel/plugin-transform-typescript": "7.21.0",
+    "@rollup/pluginutils": "^5.1.3",
     "@simon_he/colorize": "^0.0.1",
     "@types/babel__core": "^7.20.5",
-    "@types/less": "^3.0.6",
-    "@types/node": "^18.19.44",
-    "@types/stylus": "^0.48.42",
+    "@types/less": "^3.0.7",
+    "@types/node": "^18.19.68",
+    "@types/stylus": "^0.48.43",
     "@unocss/preset-uno": "^0.50.8",
-    "@vue/babel-plugin-jsx": "^1.2.2",
+    "@vue/babel-plugin-jsx": "^1.2.5",
     "bumpp": "^8.2.1",
-    "eslint": "^8.57.0",
+    "eslint": "^9.16.0",
     "esno": "^0.16.3",
-    "find-up": "^6.3.0",
-    "less": "^4.2.0",
+    "fast-glob": "^3.3.2",
+    "find-up": "^7.0.0",
+    "less": "^4.2.1",
     "less-plugin-module-resolver": "^1.0.3",
     "lint-staged": "^13.3.0",
-    "magic-string": "^0.30.11",
-    "monaco-editor": "^0.36.1",
-    "picocolors": "^1.0.1",
-    "pnpm": "^8.15.9",
-    "prettier": "^2.8.8",
-    "rimraf": "^3.0.2",
-    "sass": "^1.77.8",
+    "magic-string": "^0.30.15",
+    "picocolors": "^1.1.1",
+    "pnpm": "^9.15.0",
+    "prettier": "^3.4.2",
+    "rimraf": "^6.0.1",
+    "sass": "^1.82.0",
     "simple-git-hooks": "^2.11.1",
-    "stylus": "^0.59.0",
+    "stylus": "^0.63.0",
     "transform-to-unocss": "workspace:^",
     "transform-to-unocss-core": "^0.0.31",
     "tsup": "^6.7.0",
     "tsx": "^3.14.0",
-    "typescript": "^4.9.5",
-    "unplugin": "^1.12.1",
-    "vitest": "^1.6.0"
+    "typescript": "^5.7.2",
+    "unplugin": "^1.16.0",
+    "vitest": "^2.1.8"
   },
   "lint-staged": {
     "*": [

playground/components.d.ts

@@ -4,7 +4,7 @@
 
 declare module 'vue' {
   export interface GlobalComponents {
-    Footer: typeof import('./src/components/Footer.vue')['default']
+    Footer: (typeof import('./src/components/Footer.vue'))['default']
   }
 }
 

playground/package.json

@@ -1,7 +1,7 @@
 {
   "name": "playground",
   "private": true,
-  "packageManager": "pnpm@9.7.0",
+  "packageManager": "pnpm@9.15.0",
   "scripts": {
     "build": "vite build",
     "dev": "vite --port 3333 --open",
@@ -12,35 +12,36 @@
     "serve": "node ./server/index.js"
   },
   "dependencies": {
-    "@vueuse/core": "^9.13.0",
-    "ant-design-vue": "^4.2.3",
-    "vue": "^3.4.37",
-    "vue-router": "^4.4.3"
+    "ant-design-vue": "^4.2.6",
+    "monaco-editor": "^0.36.1"
   },
   "devDependencies": {
     "@antfu/eslint-config": "^0.34.2",
     "@esbuild-plugins/node-globals-polyfill": "^0.2.3",
     "@esbuild-plugins/node-modules-polyfill": "^0.2.2",
-    "@iconify-json/carbon": "^1.1.37",
-    "@iconify/json": "^2.2.237",
+    "@iconify-json/carbon": "^1.2.4",
+    "@iconify/json": "^2.2.282",
     "@simon_he/git-fork-vue": "^0.0.11",
-    "@types/node": "^18.19.44",
+    "@types/node": "^18.19.68",
     "@unocss/reset": "^0.47.6",
     "@vitejs/plugin-vue": "^3.2.0",
-    "@vue/test-utils": "^2.0.0-rc.18",
-    "eslint": "^8.57.0",
+    "@vue/test-utils": "^2.4.6",
+    "@vueuse/core": "^9.13.0",
+    "eslint": "^8.57.1",
     "jsdom": "^19.0.0",
     "lazy-js-utils": "^0.0.93",
     "rollup-plugin-polyfill-node": "^0.12.0",
     "typescript": "^4.9.5",
     "unocss": "^0.50.8",
     "unplugin-auto-import": "^0.12.2",
     "unplugin-vue-components": "^0.18.5",
-    "vite": "^4.5.3",
+    "vite": "^5.4.11",
     "vite-plugin-pages": "^0.28.0",
     "vitest": "^0.7.13",
-    "vivid-typing": "^1.1.44",
-    "vue-i18n": "^9.13.1",
+    "vivid-typing": "^1.1.46",
+    "vue": "^3.5.13",
+    "vue-i18n": "^9.14.2",
+    "vue-router": "^4.5.0",
     "vue-tsc": "^1.8.27"
   }
 }

playground/src/App.vue

@@ -1,17 +1,18 @@
 <script setup lang="ts">
-import { computed, ref } from 'vue'
-import { VividTyping } from 'vivid-typing'
+import gitForkVue from '@simon_he/git-fork-vue'
+import { AutoComplete } from 'ant-design-vue'
+import { copy, useFocus, useRaf } from 'lazy-js-utils'
 import * as monaco from 'monaco-editor'
 import HtmlWorker from 'monaco-editor/esm/vs/language/html/html.worker?worker'
-import { copy, useFocus, useRaf } from 'lazy-js-utils'
-import gitForkVue from '@simon_he/git-fork-vue'
-import { useI18n } from 'vue-i18n'
 import { toUnocss } from 'transform-to-unocss-core'
-import { AutoComplete } from 'ant-design-vue'
+import { VividTyping } from 'vivid-typing'
+import { computed, ref } from 'vue'
+import { useI18n } from 'vue-i18n'
+import { isDark, toggleDark } from '~/composables'
 import { transformVue } from '../../src/transformVue'
 
 import { cssSuggestions } from './utils'
-import { isDark, toggleDark } from '~/composables'
+import 'vivid-typing/dist/index.css'
 
 const { t, locale } = useI18n()
 
@@ -209,11 +210,11 @@ function onSearch(searchText: string) {
   options.value = !searchText
     ? cssSuggestions.map(i => ({ value: i }))
     : cssSuggestions
-      .map(i => ({ value: i }))
-      .filter(i => i.value.includes(searchText))
-      .sort(
-        (a, b) => a.value.indexOf(searchText) - b.value.indexOf(searchText),
-      )
+        .map(i => ({ value: i }))
+        .filter(i => i.value.includes(searchText))
+        .sort(
+          (a, b) => a.value.indexOf(searchText) - b.value.indexOf(searchText),
+        )
 }
 
 const isCopy = ref(false)

playground/src/main.ts

@@ -1,11 +1,11 @@
+import routes from 'virtual:generated-pages'
 import { createApp } from 'vue'
 import { createRouter, createWebHistory } from 'vue-router'
-import routes from 'virtual:generated-pages'
 import App from './App.vue'
+import i18n from './locales'
 // import '@unocss/reset/tailwind.css'
 import './styles/main.css'
 import 'uno.css'
-import i18n from './locales'
 
 const app = createApp(App)
 const router = createRouter({

playground/vite.config.ts

@@ -2,12 +2,12 @@
 /// <reference types="vite-plugin-pages/client" />
 
 import path from 'node:path'
-import { defineConfig } from 'vite'
 import Vue from '@vitejs/plugin-vue'
-import Pages from 'vite-plugin-pages'
-import Components from 'unplugin-vue-components/vite'
-import AutoImport from 'unplugin-auto-import/vite'
 import Unocss from 'unocss/vite'
+import AutoImport from 'unplugin-auto-import/vite'
+import Components from 'unplugin-vue-components/vite'
+import { defineConfig } from 'vite'
+import Pages from 'vite-plugin-pages'
 // import { viteTransformToUnocss } from '../src/index'
 
 export default defineConfig({