fix: fix remaining bugs & update examples

Author: haoqunjiang

README.md

@@ -60,50 +60,50 @@ All the `<script>` blocks in `.vue` files *MUST* be written in TypeScript (shoul
 import pluginVue from 'eslint-plugin-vue'
 import {
   defineConfig,
-  configs,
   configureVueProject,
+  configs,
 } from '@vue/eslint-config-typescript'
 
-export default [
-  ...pluginVue.configs["flat/essential"],
+configureVueProject({
+  // Optional: specify the script langs in `.vue` files
+  // Defaults to `{ ts: true, js: false, tsx: false, jsx: false }`
+  supportedScriptLangs: {
+    ts: true,
+
+    // [!DISCOURAGED]
+    // Set to `true` to allow plain `<script>` or `<script setup>` blocks.
+    // This might result-in false positive or negatives in some rules for `.vue` files.
+    // Note you also need to configure `allowJs: true` and `checkJs: true`
+    // in corresponding `tsconfig.json` files.
+    js: false,
+
+    // [!STRONGLY DISCOURAGED]
+    // Set to `true` to allow `<script lang="tsx">` blocks.
+    // This would be in conflict with all type-aware rules.
+    tsx: false,
+
+    // [!STRONGLY DISCOURAGED]
+    // Set to `true` to allow `<script lang="jsx">` blocks.
+    // This would be in conflict with all type-aware rules and may result in false positives.
+    jsx: false,
+  },
+
+  // <https://github.com/vuejs/eslint-plugin-vue/issues/1910#issuecomment-1819993961>
+  // Optional: the root directory to resolve the `.vue` files, defaults to `process.cwd()`.
+  // You may need to set this to the root directory of your project if you have a monorepo.
+  // This is useful when you allow any other languages than `ts` in `.vue` files.
+  // Our config helper would resolve and parse all the `.vue` files under `rootDir`,
+  // and only apply the loosened rules to the files that do need them.
+  rootDir: import.meta.dirname,
+})
+
+export default defineConfig(
+  pluginVue.configs["flat/essential"],
 
   // We STRONGLY RECOMMEND you to start with `recommended` or `recommendedTypeChecked`.
   // But if you are determined to configure all rules by yourself,
   // you can start with `base`, and then turn on/off the rules you need.
   configs.base,
-
-  configureVueProject({
-    // Optional: specify the script langs in `.vue` files
-    // Defaults to `{ ts: true, js: false, tsx: false, jsx: false }`
-    supportedScriptLangs: {
-      ts: true,
-
-      // [!DISCOURAGED]
-      // Set to `true` to allow plain `<script>` or `<script setup>` blocks.
-      // This might result-in false positive or negatives in some rules for `.vue` files.
-      // Note you also need to configure `allowJs: true` and `checkJs: true`
-      // in corresponding `tsconfig.json` files.
-      js: false,
-
-      // [!STRONGLY DISCOURAGED]
-      // Set to `true` to allow `<script lang="tsx">` blocks.
-      // This would be in conflict with all type-aware rules.
-      tsx: false,
-
-      // [!STRONGLY DISCOURAGED]
-      // Set to `true` to allow `<script lang="jsx">` blocks.
-      // This would be in conflict with all type-aware rules and may result in false positives.
-      jsx: false,
-    },
-
-    // <https://github.com/vuejs/eslint-plugin-vue/issues/1910#issuecomment-1819993961>
-    // Optional: the root directory to resolve the `.vue` files, defaults to `process.cwd()`.
-    // You may need to set this to the root directory of your project if you have a monorepo.
-    // This is useful when you allow any other languages than `ts` in `.vue` files.
-    // Our config helper would resolve and parse all the `.vue` files under `rootDir`,
-    // and only apply the loosened rules to the files that do need them.
-    rootDir: import.meta.dirname,
-  }),
 )
 ```
 

examples/allow-js/eslint.config.js

@@ -1,7 +1,18 @@
-import pluginVue from "eslint-plugin-vue";
-import vueTsEslintConfig from "@vue/eslint-config-typescript";
+import pluginVue from 'eslint-plugin-vue'
+import {
+  defineConfig,
+  configureVueProject,
+  configs,
+} from '@vue/eslint-config-typescript'
 
-export default [
+configureVueProject({
+  supportedScriptLangs: {
+    js: true,
+    ts: true,
+  },
+})
+
+export default defineConfig(
   {
     name: 'app/files-to-lint',
     files: ['**/*.js', '**/*.mjs', '**/*.ts', '**/*.mts', '**/*.vue'],
@@ -12,11 +23,6 @@ export default [
     ignores: ['**/dist/**', '**/dist-ssr/**', '**/coverage/**'],
   },
 
-  ...pluginVue.configs["flat/essential"],
-  ...vueTsEslintConfig({
-    supportedScriptLangs: {
-      ts: true,
-      js: true
-    }
-  }),
-]
+  pluginVue.configs['flat/essential'],
+  configs.recommended,
+)