feat: introduce tsdown, support mixed js & ts in codebase (#2916)

Co-authored-by: Flo Edelmann <git@flo-edelmann.de>

Author: 9romise

.changeset/heavy-dragons-build.md

@@ -0,0 +1,5 @@
+---
+"eslint-plugin-vue": minor
+---
+
+Added TypeScript support for eslint-plugin-vue development

.github/workflows/CI.yml

@@ -26,12 +26,35 @@ jobs:
       - name: Lint
         run: npm run lint
 
+  build:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v6
+      - uses: actions/setup-node@v6
+        with:
+          node-version: lts/*
+
+      - name: Install Packages
+        run: npm install
+
+      - name: Build
+        run: npm run build
+
+      - name: Cache dist
+        uses: actions/upload-artifact@v6
+        with:
+          retention-days: 3
+          name: dist
+          path: dist
+
   test:
     name: Test
     strategy:
       matrix:
         node: [18, 20, 21, 'lts/*']
     runs-on: ubuntu-latest
+    needs:
+      - build
     steps:
       - name: Checkout
         uses: actions/checkout@v5
@@ -41,12 +64,18 @@ jobs:
           node-version: ${{ matrix.node }}
       - name: Install Packages
         run: npm install
+      - name: Restore dist cache
+        uses: actions/download-artifact@v7
+        with:
+          name: dist
       - name: Test
         run: npm test
 
   test-with-eslint-v8:
     name: Test with ESLint v8
     runs-on: ubuntu-latest
+    needs:
+      - build
     steps:
       - name: Checkout
         uses: actions/checkout@v5
@@ -58,12 +87,18 @@ jobs:
         run: npm install
       - name: Install ESLint v8
         run: npm install --save-dev eslint@8 --force
+      - name: Restore dist cache
+        uses: actions/download-artifact@v7
+        with:
+          name: dist
       - name: Test
         run: npm test
 
   test-without-eslint-stylistic:
     name: Test without ESLint Stylistic
     runs-on: ubuntu-latest
+    needs:
+      - build
     steps:
       - name: Checkout
         uses: actions/checkout@v5
@@ -73,6 +108,10 @@ jobs:
         run: npm install
       - name: Uninstall @stylistic/eslint-plugin
         run: npm uninstall @stylistic/eslint-plugin
+      - name: Restore dist cache
+        uses: actions/download-artifact@v7
+        with:
+          name: dist
       - name: Test
         run: npm test
 
@@ -82,6 +121,8 @@ jobs:
       matrix:
         stylistic: [2, 3, 4]
     runs-on: ubuntu-latest
+    needs:
+      - build
     steps:
       - name: Checkout
         uses: actions/checkout@v5
@@ -91,12 +132,18 @@ jobs:
         run: npm install
       - name: Install @stylistic/eslint-plugin v${{ matrix.stylistic }}
         run: npm install -D @stylistic/eslint-plugin@${{ matrix.stylistic }} --force
+      - name: Restore dist cache
+        uses: actions/download-artifact@v7
+        with:
+          name: dist
       - name: Test
         run: npm test
 
   test-with-typescript-eslint-v7:
     name: Test with typescript-eslint v7
     runs-on: ubuntu-latest
+    needs:
+      - build
     steps:
       - name: Checkout
         uses: actions/checkout@v5
@@ -106,5 +153,9 @@ jobs:
         run: npm install
       - name: Install @typescript-eslint/parser v7
         run: npm install -D @typescript-eslint/parser@7 --force
+      - name: Restore dist cache
+        uses: actions/download-artifact@v7
+        with:
+          name: dist
       - name: Test
         run: npm test

.gitignore

@@ -14,3 +14,4 @@ yarn-error.log
 /docs/.vitepress/cache
 typings/eslint/lib/rules
 eslint-typegen.d.ts
+dist

docs/.vitepress/theme/components/eslint-code-block.vue

@@ -143,7 +143,7 @@ export default {
     this.height = `${Math.max(120, 20 * (1 + lines))}px`
     // Load linter.
     const [plugin, { Linter }, vueEslintParser, globals] = await Promise.all([
-      import('../../../..'),
+      import('../../../../lib/index'),
       import('eslint'),
       import('vue-eslint-parser'),
       import('globals')

lib/configs/flat/base.js

@@ -8,7 +8,7 @@ module.exports = [
     name: 'vue/base/setup',
     plugins: {
       get vue() {
-        return require('../../plugin')
+        return require('../../plugin.ts').default
       }
     },
     languageOptions: {
@@ -20,7 +20,7 @@ module.exports = [
     files: ['*.vue', '**/*.vue'],
     plugins: {
       get vue() {
-        return require('../../plugin')
+        return require('../../plugin.ts').default
       }
     },
     languageOptions: {

lib/index.js

@@ -0,0 +1,4 @@
+import configs from './configs/index.js'
+import plugin from './plugin.ts'
+
+export default Object.assign(plugin, { configs })

lib/index.ts

@@ -0,0 +1,3 @@
+import pkg from '../package.json' with { type: 'json' }
+
+export default { name: pkg.name, version: pkg.version }