fix: lint

Author: zhiyuanzmj

docs/features/macros.md

@@ -21,19 +21,23 @@ import { defineConfig } from 'vite'
 import vueJsxVapor from 'vue-jsx-vapor/vite'
 
 export default defineConfig({
-  vueJsxVapor({
-    macros: true,
-  }),
+  plugins: [
+    vueJsxVapor({
+      macros: true,
+    }),
+  ],
 })
 ```
 
 ```ts {5} [tsm.config.ts]
 import vueJsxVapor from 'vue-jsx-vapor/volar'
 
 export default {
-  vueJsxVapor({
-    macros: true,
-  }),
+  plugins: [
+    vueJsxVapor({
+      macros: true,
+    }),
+  ],
 }
 ```
 
@@ -208,7 +212,7 @@ export default () => (
   <Comp<1>>
     <template v-slot={{ foo }}>{foo}</template>
     <template v-slot:title={{ bar }}>{bar}</template>
-    //                                ^?
+    // ^?
   </Comp>
 )
 ```
@@ -217,7 +221,6 @@ export default () => (
 
 Just like in Vue SFC.
 
-
 ```tsx
 import { useRef } from 'vue-jsx-vapor'
 
@@ -233,9 +236,7 @@ export default () => {
   compRef.value?.foo
   //              ^?
 
-  return (
-    <Comp ref={compRef} foo={1 as const} />
-  )
+  return <Comp ref={compRef} foo={1 as const} />
 }
 ```
 
@@ -247,16 +248,15 @@ import { useRef } from 'vue-jsx-vapor'
 import { useExpose } from '/vue-macros/jsx-macros/use-expose'
 
 const Comp = ({ foo }) => {
-  ;(currentInstance.exposed = {
+  currentInstance.exposed = {
     foo,
-  })
+  }
   return <div />
 }
 ```
 
 :::
 
-
 ## defineStyle
 
 ```ts

docs/introduction/getting-started.md

@@ -31,9 +31,11 @@ import { defineConfig } from 'vite'
 import vueJsxVapor from 'vue-jsx-vapor/vite'
 
 export default defineConfig({
-  vueJsxVapor({
-    macros: true,
-  }),
+  plugins: [
+    vueJsxVapor({
+      macros: true,
+    }),
+  ],
 })
 ```
 
@@ -46,16 +48,17 @@ It works similarly to [@vue/language-tools](https://github.com/vuejs/language-to
 
 By default, after installing the `ts-macro` VSCode plugin, `ts-macro` will automatically load `vue-jsx-vapor/volar` by analyzing `vite.config.ts` and shared vueJsxVapor's options. so you don't need to config `tsm.config.ts`. But if you want, you can also configure it manually:
 
-
 ::: code-group
 
 ```ts [tsm.config.ts]
 import vueJsxVapor from 'vue-jsx-vapor/volar'
 
 export default {
-  vueJsxVapor({
-    macros: true,
-  }),
+  plugins: [
+    vueJsxVapor({
+      macros: true,
+    }),
+  ],
 }
 ```
 

docs/introduction/interop.md

@@ -9,16 +9,18 @@
 ::: code-group
 
 ```ts [vite.config.ts]
+import vueJsx from '@vitejs/plugin-vue-jsx'
 import { defineConfig } from 'vite'
 import vueJsxVapor from 'vue-jsx-vapor/vite'
-import vueJsx from '@vitejs/plugin-vue-jsx'
 
 export default defineConfig({
-  vueJsxVapor({
-    macros: true,
-    interop: true,
-  }),
-  vueJsx()
+  plugins: [
+    vueJsxVapor({
+      macros: true,
+      interop: true,
+    }),
+    vueJsx(),
+  ],
 })
 ```
 
@@ -29,11 +31,17 @@ createApp(App).use(vaporInteropPlugin).mount('#app')
 ```
 
 ```tsx [App.tsx] twoslash1
-import {computed, defineComponent, defineVaporComponent, ref, ref as useRef } from 'vue'
+import {
+  computed,
+  defineComponent,
+  defineVaporComponent,
+  ref,
+  ref as useRef,
+} from 'vue'
 
 const Comp = defineVaporComponent(({ count = 0 }) => {
   defineExpose({
-    double: computed(() => count * 2)
+    double: computed(() => count * 2),
   })
   return <span> x 2 = </span>
 })
@@ -43,39 +51,39 @@ export default defineComponent(() => {
   const compRef = useRef()
   return () => (
     <>
-      <input 
-        value={count.value} 
-        onInput={e => count.value = +e.currentTarget.value}
-      /> 
+      <input
+        value={count.value}
+        onInput={(e) => (count.value = +e.currentTarget.value)}
+      />
 
       <Comp count={count.value} ref={compRef}></Comp>
       {compRef.value?.double}
     </>
   )
 })
-
 ```
 
 :::
 
-
 ## Virtual DOM in Vapor
 
 [REPL](https://repl.zmjs.dev/vuejs/virtual-dom-in-vapor)
 
 ::: code-group
 
 ```ts [vite.config.ts]
+import vueJsx from '@vitejs/plugin-vue-jsx'
 import { defineConfig } from 'vite'
 import vueJsxVapor from 'vue-jsx-vapor/vite'
-import vueJsx from '@vitejs/plugin-vue-jsx'
 
 export default defineConfig({
-  vueJsxVapor({
-    macros: true,
-    interop: true,
-  }),
-  vueJsx()
+  plugins: [
+    vueJsxVapor({
+      macros: true,
+      interop: true,
+    }),
+    vueJsx(),
+  ],
 })
 ```
 
@@ -86,11 +94,17 @@ createVaporApp(App).use(vaporInteropPlugin).mount('#app')
 ```
 
 ```tsx [App.tsx] twoslash1
-import {computed, defineComponent, defineVaporComponent, ref, ref as useRef } from 'vue'
+import {
+  computed,
+  defineComponent,
+  defineVaporComponent,
+  ref,
+  ref as useRef,
+} from 'vue'
 
 const Comp = defineVaporComponent(({ count = 0 }) => {
   defineExpose({
-    double: computed(() => count * 2)
+    double: computed(() => count * 2),
   })
   return <span> x 2 = </span>
 })
@@ -100,17 +114,16 @@ export default defineComponent(() => {
   const compRef = useRef()
   return () => (
     <>
-      <input 
-        value={count.value} 
-        onInput={e => count.value = +e.currentTarget.value}
-      /> 
+      <input
+        value={count.value}
+        onInput={(e) => (count.value = +e.currentTarget.value)}
+      />
 
       <Comp count={count.value} ref={compRef}></Comp>
       {compRef.value?.double}
     </>
   )
 })
-
 ```
 
-:::
+:::

eslint.config.js

@@ -7,12 +7,6 @@ export default sxzz()
     'unicorn/no-new-array',
   )
   .append([
-    {
-      name: 'warn',
-      rules: {
-        'unused-imports/no-unused-vars': 'warn',
-      },
-    },
     {
       name: 'docs',
       files: ['**/*.md/*.tsx'],
@@ -21,6 +15,7 @@ export default sxzz()
         'no-mutable-exports': 'off',
         'no-duplicate-imports': 'off',
         'import/first': 'off',
+        'unused-imports/no-unused-vars': 'off',
       },
     },
   ])