chore: update deps

docs/docs/.postcssrc.mjs

@@ -0,0 +1,25 @@
+// module.exports = {
+//     plugins: {
+//         'tailwindcss': {},
+//         'postcss-prefix-selector': {
+//             prefix: ':not(:where(.vp-raw *))',
+//             includeFiles: [/vp-doc\.css/],
+//             transform(prefix, _selector) {
+//                 const [selector, pseudo = ''] = _selector.split(/(:\S*)$/)
+//                 return selector + prefix + pseudo
+//             }
+//         },
+//     }
+// }
+
+export const plugin = {
+    'tailwindcss': {},
+    'postcss-prefix-selector': {
+        prefix: ':not(:where(.vp-raw *))',
+        includeFiles: [/vp-doc\.css/],
+        transform(prefix, _selector) {
+            const [selector, pseudo = ''] = _selector.split(/(:\S*)$/)
+            return selector + prefix + pseudo
+        }
+    },
+}

docs/docs/.vitepress/config.ts → docs/docs/.vitepress/config.mts

@@ -1,6 +1,7 @@
 import { defineConfig } from 'vitepress'
 import { version } from '../../../package.json'
 import { applyPlugins } from './plugins/code'
+import { groupIconMdPlugin, groupIconVitePlugin } from 'vitepress-plugin-group-icons'
 
 const components = [
   { text: 'Accordion', link: '/guide/components/accordion.md' },
@@ -19,7 +20,11 @@ const components = [
 ]
 // https://vitepress.dev/reference/site-config
 export default defineConfig({
-  vite: { plugins: [] },
+  vite: {
+    plugins: [
+      groupIconVitePlugin()
+    ],
+  },
   title: "Windi UI",
   description: "Build Accessible Apps 10x faster",
   head: [
@@ -92,7 +97,8 @@ export default defineConfig({
   },
   markdown: {
     config: (md) => {
-      applyPlugins(md)
+      applyPlugins(md);
+      md.use(groupIconMdPlugin)
     },
     theme: {
       light: 'vitesse-light',

docs/docs/.vitepress/theme/index.ts

@@ -7,8 +7,8 @@ import "./rainbow.css"
 import "./style.css"
 import './tailwind.css'
 import 'uno.css'
-import windiTheme from 'windi-vue/dist/theme/windiTheme'
-import WindiUI from 'windi-vue'
+import 'virtual:group-icons.css'
+
 let homePageStyle: HTMLStyleElement | undefined
 export default {
   extend: Theme,
@@ -19,7 +19,6 @@ export default {
   },
   enhanceApp({ app, router, siteData }) {
     app.component('Demo', DemoBlock)
-    app.use(WindiUI, windiTheme)
     if (typeof window === 'undefined')
       return
 

docs/docs/guide/getting-started/installation.md

@@ -3,13 +3,13 @@
 Adding `Windi UI` to your project is relatively straightforward. Run one of the following commands in your terminal to get started:
 
 ::: code-group
-  ```bash [pnpm]
+  ```sh [pnpm]
   pnpm add windi-vue
   ```
-  ```bash [yarn]
+  ```sh [yarn]
   yarn add windi-vue
   ```
-  ```bash [npm]
+  ```sh [npm]
   npm install windi-vue
   ```
 :::

docs/docs/package.json

@@ -2,23 +2,24 @@
   "name": "@windi-ui/docs",
   "version": "0.0.0",
   "private": true,
+  "type": "module",
   "description": "Windi-UI docs",
   "keywords": [
     "windi-ui",
     "docs"
   ],
   "scripts": {
-    "dev": "vitepress dev --port 5555 --open --host",
+    "dev": "vitepress dev",
     "build": "vitepress build",
     "serve": "vitepress serve"
   },
   "dependencies": {
-    "windi-vue": "workspace:^",
-    "markdown-it": "^13.0.1"
+    "markdown-it": "^14.1.0"
   },
   "devDependencies": {
-    "@types/markdown-it": "^12.2.3",
-    "netlify-cli": "^15.11.0",
-    "postcss-prefix-selector": "^1.16.0"
+    "@types/markdown-it": "^13.0.9",
+    "netlify-cli": "^17.36.3",
+    "postcss-prefix-selector": "^1.16.1",
+    "vitepress-plugin-group-icons": "^1.2.4"
   }
 }

eslint.config.js

@@ -0,0 +1,14 @@
+import globals from "globals";
+import pluginJs from "@eslint/js";
+import tseslint from "typescript-eslint";
+import pluginVue from "eslint-plugin-vue";
+
+
+export default [
+  {files: ["**/*.{js,mjs,cjs,ts,vue}"]},
+  {languageOptions: { globals: {...globals.browser, ...globals.node} }},
+  pluginJs.configs.recommended,
+  ...tseslint.configs.recommended,
+  ...pluginVue.configs["flat/essential"],
+  {files: ["**/*.vue"], languageOptions: {parserOptions: {parser: tseslint.parser}}},
+];

eslint.config.mjs

@@ -0,0 +1,7 @@
+import antfu from '@antfu/eslint-config'
+
+export default antfu({
+  formatters: true,
+  typescript: true,
+  vue: true,
+})

example/package.json

@@ -10,18 +10,18 @@
     "type-check": "vue-tsc --noEmit -p tsconfig.app.json --composite false"
   },
   "dependencies": {
-    "vue": "^3.3.4"
+    "vue": "^3.5.10"
   },
   "devDependencies": {
-    "windi-vue": "workspace:^",
-    "@tsconfig/node18": "^18.2.0",
-    "@types/node": "^20.4.5",
-    "@vitejs/plugin-vue": "^4.2.3",
-    "@vue/tsconfig": "^0.4.0",
+    "@tsconfig/node18": "^18.2.4",
+    "@types/node": "^20.16.10",
+    "@vitejs/plugin-vue": "^5.1.4",
+    "@vue/tsconfig": "^0.5.1",
     "@windi-ui/tailwind-config": "workspace:^",
     "npm-run-all": "^4.1.5",
-    "typescript": "~5.1.6",
-    "vite": "^4.4.7",
-    "vue-tsc": "^1.8.8"
+    "typescript": "~5.6.2",
+    "vite": "^5.4.8",
+    "vue-tsc": "^2.1.6",
+    "windi-vue": "workspace:^"
   }
 }

package.json

@@ -1,6 +1,7 @@
 {
   "name": "@windi-ui/monorepo",
   "version": "0.0.1-beta",
+  "type": "module",
   "private": false,
   "description": "Build Accessible Apps 10x faster",
   "scripts": {
@@ -25,39 +26,43 @@
     "major": "taze minor -wIr"
   },
   "devDependencies": {
-    "@antfu/eslint-config": "^0.39.8",
-    "@iconify-json/carbon": "^1.1.16",
-    "@iconify-json/fluent-emoji": "^1.1.13",
-    "@iconify-json/logos": "^1.1.31",
-    "@iconify/vue": "^4.1.1",
-    "@types/node": "^20.4.5",
-    "@vitejs/plugin-vue": "^4.2.3",
+    "@antfu/eslint-config": "^3.7.3",
+    "@eslint/js": "^9.11.1",
+    "@iconify-json/carbon": "^1.2.1",
+    "@iconify-json/fluent-emoji": "^1.2.0",
+    "@iconify-json/logos": "^1.2.1",
+    "@iconify/vue": "^4.1.2",
+    "@types/node": "^20.16.10",
+    "@vitejs/plugin-vue": "^5.1.4",
     "@vitest/coverage-c8": "^0.33.0",
-    "@vitest/coverage-v8": "^0.33.0",
-    "@vitest/ui": "^0.33.0",
-    "@vue/test-utils": "^2.4.1",
-    "@vueuse/core": "^10.2.1",
-    "autoprefixer": "^10.4.14",
-    "bumpp": "^9.1.1",
+    "@vitest/coverage-v8": "^2.1.1",
+    "@vitest/ui": "^2.1.1",
+    "@vue/test-utils": "^2.4.6",
+    "@vueuse/core": "^11.1.0",
+    "autoprefixer": "^10.4.20",
+    "bumpp": "^9.6.1",
     "eslint": "8.45.0",
-    "flexsearch": "^0.7.31",
-    "jsdom": "^22.1.0",
-    "lint-staged": "^13.2.3",
-    "postcss": "^8.4.27",
-    "postcss-prefix-selector": "^1.16.0",
-    "rimraf": "^5.0.1",
-    "sass": "^1.64.1",
-    "simple-git-hooks": "^2.9.0",
-    "tailwindcss": "^3.3.3",
-    "taze": "^0.11.2",
-    "typescript": "^5.1.6",
-    "unocss": "^0.53.6",
-    "vite": "^4.4.7",
-    "vite-plugin-dts": "^3.3.1",
-    "vitepress": "1.0.0-beta.6",
-    "vitest": "^0.33.0",
-    "vue": "^3.3.4",
-    "vue-tsc": "^1.8.8"
+    "eslint-plugin-vue": "^9.28.0",
+    "flexsearch": "^0.7.43",
+    "globals": "^15.9.0",
+    "jsdom": "^25.0.1",
+    "lint-staged": "^15.2.10",
+    "postcss": "^8.4.47",
+    "postcss-prefix-selector": "^1.16.1",
+    "rimraf": "^5.0.10",
+    "sass": "^1.79.4",
+    "simple-git-hooks": "^2.11.1",
+    "tailwindcss": "^3.4.13",
+    "taze": "^0.17.2",
+    "typescript": "^5.6.2",
+    "typescript-eslint": "^8.8.0",
+    "unocss": "^0.63.1",
+    "vite": "^5.4.8",
+    "vite-plugin-dts": "^4.2.3",
+    "vitepress": "^1.3.4",
+    "vitest": "^2.1.1",
+    "vue": "^3.5.10",
+    "vue-tsc": "^2.1.6"
   },
   "pnpm": {
     "peerDependencyRules": {
@@ -74,5 +79,8 @@
     "*.{js,ts,tsx,vue,md}": [
       "pnpm lint:fix"
     ]
+  },
+  "dependencies": {
+    "vitepress-plugin-group-icons": "^1.2.4"
   }
 }

packages/tailwind-config/package.json

@@ -1,8 +1,8 @@
 {
   "name": "@windi-ui/tailwind-config",
   "devDependencies": {
-    "autoprefixer": "^10.4.14",
-    "postcss": "^8.4.27",
-    "tailwindcss": "^3.3.3"
+    "autoprefixer": "^10.4.20",
+    "postcss": "^8.4.47",
+    "tailwindcss": "^3.4.13"
   }
 }

packages/windi/package.json

@@ -1,7 +1,7 @@
 {
   "name": "windi-vue",
   "version": "0.0.1-beta.4",
-  "packageManager": "pnpm@8.6.10",
+  "packageManager": "pnpm@9.11.0",
   "description": "Build Accessible Apps 10x faster",
   "author": "Selemondev",
   "license": "MIT",
@@ -53,21 +53,21 @@
     "vue": "^3.3.4"
   },
   "dependencies": {
-    "@headlessui/vue": "^1.7.15",
-    "@heroicons/vue": "^2.0.18",
-    "classnames": "^2.3.2",
-    "esno": "^0.17.0",
-    "tailwind-merge": "^1.14.0",
-    "vue-router": "^4.2.4"
+    "@headlessui/vue": "^1.7.23",
+    "@heroicons/vue": "^2.1.5",
+    "classnames": "^2.5.1",
+    "esno": "^4.8.0",
+    "tailwind-merge": "^2.5.2",
+    "vue-router": "^4.4.5"
   },
   "devDependencies": {
-    "@antfu/eslint-config": "^0.39.8",
-    "@vitejs/plugin-vue": "^4.2.3",
-    "bumpp": "^9.1.1",
-    "ts-node": "^10.9.1",
-    "typescript": "^5.1.6",
-    "vite": "^4.4.7",
-    "vite-plugin-dts": "^3.3.1"
+    "@antfu/eslint-config": "^3.7.3",
+    "@vitejs/plugin-vue": "^5.1.4",
+    "bumpp": "^9.6.1",
+    "ts-node": "^10.9.2",
+    "typescript": "^5.6.2",
+    "vite": "^5.4.8",
+    "vite-plugin-dts": "^4.2.3"
   },
   "publishConfig": {
     "access": "public"

playground/package.json

@@ -24,18 +24,18 @@
   },
   "homepage": "https://github.com/selemondev/windi-ui#readme",
   "dependencies": {
-    "@vue/repl": "^1.4.1",
-    "autoprefixer": "^10.4.14",
-    "compare-versions": "^4.1.4",
+    "@vue/repl": "^4.4.2",
+    "autoprefixer": "^10.4.20",
+    "compare-versions": "^6.1.1",
     "ohmyfetch": "^0.4.21",
-    "postcss": "^8.4.27",
-    "tailwindcss": "^3.3.3",
+    "postcss": "^8.4.47",
+    "tailwindcss": "^3.4.13",
     "windi-vue": "workspace:0.0.1-beta.4"
   },
   "devDependencies": {
-    "@types/prettier": "^2.7.3",
-    "@unocss/reset": "^0.53.6",
-    "execa": "^4.1.0",
-    "prettier": "^3.0.0"
+    "@types/prettier": "^3.0.0",
+    "@unocss/reset": "^0.63.1",
+    "execa": "^9.4.0",
+    "prettier": "^3.3.3"
   }
 }