feat: eslint rules

eslint.config.js

@@ -31,7 +31,11 @@ export default [
         ecmaFeatures: { jsx: true },
       },
     },
-    rules: { ...tsPlugin.configs.recommended.rules, '@typescript-eslint/ban-ts-comment': 0 },
+    rules: {
+      ...tsPlugin.configs.recommended.rules,
+      '@typescript-eslint/ban-types': { '{}': false },
+      '@typescript-eslint/ban-ts-comment': 0,
+    },
   },
   {
     files: ['**/*.vue'],
@@ -48,8 +52,9 @@ export default [
     },
     rules: {
       ...tsPlugin.configs.recommended.rules,
-      ...vuePlugin.configs['vue3-essential'].rules,
+      '@typescript-eslint/ban-types': { '{}': false },
       '@typescript-eslint/ban-ts-comment': 0,
+      ...vuePlugin.configs['vue3-essential'].rules,
     },
   },
   prettier,

packages/docs/.vitepress/config.ts

@@ -1,10 +1,17 @@
-import { dirname, resolve } from 'node:path'
+import { dirname, join, resolve } from 'node:path'
 import { fileURLToPath } from 'node:url'
 import { defineConfig } from 'vitepress'
 import { readFileSync } from 'node:fs'
 import jsx from '@vitejs/plugin-vue-jsx'
-const __dirname = dirname(fileURLToPath(import.meta.url))
+import autoprefixer from 'autoprefixer'
+import tailwindcss from 'tailwindcss'
+import colors from 'tailwindcss/colors'
+
+import typography from '@tailwindcss/typography'
+import forms from '@tailwindcss/forms'
 
+const __dirname = dirname(fileURLToPath(import.meta.url))
+console.log('vitepress config', __dirname)
 const baseCss = () => {
   const virtualModuleId = 'virtual:base.css'
   const resolvedVirtualModuleId = '\0' + virtualModuleId
@@ -34,7 +41,7 @@ export default defineConfig({
         {
           find: /^tailv$/,
           replacement: resolve(__dirname, '../../vue/src'),
-        }, 
+        },
         { find: '@', replacement: resolve(__dirname, '../../vue/src') },
         {
           find: /^.\/styles\/base\.css$/,
@@ -43,6 +50,42 @@ export default defineConfig({
         },
       ],
     },
+    css: {
+      postcss: {
+        plugins: [
+          // 'postcss-import': {},
+          // 'tailwindcss/nesting': {},
+          autoprefixer({}) as any,
+          tailwindcss({
+            darkMode: 'class',
+            content: [
+              './index.html',
+              join(__dirname, '../../vue/src/**/*.{ts,tsx,vue}'),
+              join(__dirname, '../../docs/*.{md,mdx}'),
+              join(__dirname, '../../docs/components/**/*.{md,mdx}'),
+              join(__dirname, '../../docs/.vitepress/theme/**/*.{md,mdx}'),
+            ],
+            theme: {
+              extend: {
+                colors: {
+                  primary: colors.indigo,
+                  success: colors.green,
+                  warning: colors.amber,
+                  danger: colors.red,
+                },
+              },
+            },
+            plugins: [
+              typography(),
+              forms({
+                strategy: 'base',
+              }),
+            ],
+            blocklist: ['container'],
+          }),
+        ],
+      },
+    },
   },
   themeConfig: {
     // https://vitepress.dev/reference/default-theme-config

packages/docs/.vitepress/theme/base.css

@@ -1,5 +1,3 @@
-@config '../../tailwind.config.cjs'
-
 @tailwind base;
 @tailwind components;
 @tailwind utilities;

packages/vue/src/Base/Popper/core.ts

@@ -29,7 +29,7 @@ export type PopperContext = {
   nodeId: string
   parent: string
   open: boolean
-  onOpenChange(open: boolean, event?: Event, reason?: OpenChangeReason): void
+  onOpenChange(open: boolean, event?: Event): void
 }
 
 export type PopperTreeContext = {

packages/vue/src/Button/index.vue

@@ -24,7 +24,7 @@ const props = defineProps({
   pill: Boolean,
   square: Boolean,
   block: Boolean,
-  loading: Boolean,  
+  loading: Boolean,
   disabled: Boolean,
 })
 

packages/vue/src/Checkbox/Checkbox.vue

@@ -5,7 +5,6 @@ import { CheckboxGroupInjectKey } from './types'
 
 defineOptions({ name: 'TCheckbox' })
 const emit = defineEmits<{ 'update:checked': [boolean]; change: [boolean] }>()
-const slots = defineSlots<{ default?(_: {}): any }>()
 const props = defineProps({
   value: { type: null, required: true },
   name: String,

packages/vue/src/Input/index.vue

@@ -12,7 +12,7 @@ const emit = defineEmits<{
   blur: [FocusEvent]
 }>()
 
-const slots = defineSlots<{ prefix?(): VNode; suffix?(): VNode }>()
+const slots = defineSlots<{ prefix?(_: {}): any; suffix?(_: {}): any }>()
 
 const props = defineProps({
   value: [String, Number],

packages/vue/src/Radio/Radio.vue

@@ -5,7 +5,6 @@ import { RadioGroupInjectKey } from './types'
 
 defineOptions({ name: 'TRadio' })
 const emit = defineEmits<{ 'update:checked': [boolean]; change: [boolean] }>()
-const slots = defineSlots<{ default?(_: {}): any }>()
 const props = defineProps({
   value: { type: null, required: true },
   name: String,

packages/vue/vite.config.ts

@@ -3,11 +3,12 @@ import jsx from '@vitejs/plugin-vue-jsx'
 import { dirname, resolve } from 'node:path'
 import { fileURLToPath } from 'node:url'
 import { defineConfig } from 'vite'
+import dts from 'vite-plugin-dts'
 
 const __dirname = dirname(fileURLToPath(import.meta.url))
 // https://vitejs.dev/config/
 export default defineConfig({
-  plugins: [vue(), jsx()],
+  plugins: [vue(), jsx(), dts({ rollupTypes: true })],
   build: {
     lib: {
       formats: ['es'],

tailwind.config.cjs

@@ -1,5 +1,7 @@
 const colors = require('tailwindcss/colors')
 
+console.log(__dirname)
+
 /** @type {import('tailwindcss').Config} */
 module.exports = {
   darkMode: 'class',