test: update examples to pass linting without errors

Author: haoqunjiang

README.md

@@ -1,6 +1,6 @@
 # @vue/eslint-config-typescript
 
-> eslint-config-typescript for Vue
+ESLint configuration for Vue 3 + TypeScript projects.
 
 See [@typescript-eslint/eslint-plugin](https://typescript-eslint.io/rules/) for available rules.
 
@@ -13,7 +13,7 @@ other parts of `create-vue` setups, such as `eslint-plugin-vue` being
 extended in the same resulting config.
 
 > [!NOTE]
-> The current version doesn't support the legacy `.eslintrc*` configuraion format. For that you need to use version 9 or earlier. See the [corresponding README](https://www.npmjs.com/package/@vue/eslint-config-typescript/v/legacy-eslintrc) for more usage instructions.
+> The current version doesn't support the legacy `.eslintrc*` configuraion format. For that you need to use version 13 or earlier. See the [corresponding README](https://www.npmjs.com/package/@vue/eslint-config-typescript/v/legacy-eslintrc) for more usage instructions.
 
 ## Installation
 

examples/allow-js/eslint.config.js

@@ -2,6 +2,12 @@ import pluginVue from "eslint-plugin-vue";
 import vueTsEslintConfig from "@vue/eslint-config-typescript";
 
 export default [
+  {
+    name: 'app/files-to-lint',
+    files: ['**/*.js', '**/*.mjs', '**/*.ts', '**/*.mts', '**/*.vue'],
+    ignores: ['**/dist/**'],
+  },
+
   ...pluginVue.configs["flat/essential"],
   ...vueTsEslintConfig({
     supportedScriptLangs: {

examples/minimal/eslint.config.js

@@ -3,7 +3,7 @@ import vueTsEslintConfig from '@vue/eslint-config-typescript'
 
 export default [
   {
-    name: 'app/setup-files',
+    name: 'app/files-to-lint',
     files: ['**/*.ts', '**/*.mts', '**/*.vue'],
     ignores: ['**/dist/**'],
   },

examples/with-cypress/eslint.config.js

@@ -0,0 +1,23 @@
+import pluginVue from 'eslint-plugin-vue'
+import pluginCypress from 'eslint-plugin-cypress/flat'
+import vueTsEslintConfig from '@vue/eslint-config-typescript'
+
+export default [
+  {
+    name: 'app/files-to-lint',
+    files: ['**/*.ts', '**/*.mts', '**/*.vue'],
+    ignores: ['**/dist/**'],
+  },
+
+  ...pluginVue.configs['flat/essential'],
+  ...vueTsEslintConfig(),
+
+  {
+    files: [
+      '**/__tests__/*.{cy,spec}.{js,ts,jsx,tsx}',
+      'cypress/e2e/**/*.{cy,spec}.{js,ts,jsx,tsx}',
+      'cypress/support/**/*.{js,ts,jsx,tsx}'
+    ],
+    ...pluginCypress.configs.recommended,
+  }
+]

examples/with-jsx-in-vue/.eslintrc.cjs

@@ -0,0 +1,20 @@
+import pluginVue from 'eslint-plugin-vue'
+import vueTsEslintConfig from '@vue/eslint-config-typescript'
+
+export default [
+  {
+    name: 'app/files-to-lint',
+    files: ['**/*.js', '**/*.mjs', '**/*.jsx', '**/*.ts', '**/*.mts', '**/*.tsx', '**/*.vue'],
+    ignores: ['**/dist/**'],
+  },
+
+  ...pluginVue.configs['flat/essential'],
+  ...vueTsEslintConfig({
+    supportedScriptLangs: {
+      ts: true,
+      tsx: true,
+      js: true,
+      jsx: true
+    }
+  }),
+]

examples/with-jsx-in-vue/eslint.config.js

@@ -1,19 +1,28 @@
-<script setup lang="ts">
-defineProps<{
-  msg: string
-}>()
-</script>
+<script lang="jsx">
+import { defineComponent } from 'vue'
 
-<template>
-  <div class="greetings">
-    <h1 class="green">{{ msg }}</h1>
-    <h3>
-      You’ve successfully created a project with
-      <a href="https://vitejs.dev/" target="_blank" rel="noopener">Vite</a> +
-      <a href="https://vuejs.org/" target="_blank" rel="noopener">Vue 3</a>.
-    </h3>
-  </div>
-</template>
+export default defineComponent({
+  props: { msg: String },
+  setup(props) {
+    return () => (
+      <div class="greetings">
+        <h1 class="green">{props.msg}</h1>
+        <h3>
+          You’ve successfully created a project with
+          <a href="https://vitejs.dev/" target="_blank" rel="noopener">
+            Vite
+          </a>{' '}
+          +
+          <a href="https://vuejs.org/" target="_blank" rel="noopener">
+            Vue 3
+          </a>
+          .
+        </h3>
+      </div>
+    )
+  },
+})
+</script>
 
 <style scoped>
 h1 {

examples/with-jsx-in-vue/src/components/HelloWorld.vue

@@ -9,6 +9,8 @@
     "baseUrl": ".",
     "paths": {
       "@/*": ["./src/*"]
-    }
+    },
+
+    "allowJs": true
   }
 }

examples/with-jsx-in-vue/tsconfig.app.json

@@ -0,0 +1,13 @@
+import pluginVue from 'eslint-plugin-vue'
+import vueTsEslintConfig from '@vue/eslint-config-typescript'
+
+export default [
+  {
+    name: 'app/files-to-lint',
+    files: ['**/*.js', '**/*.mjs', '**/*.jsx', '**/*.ts', '**/*.mts', '**/*.tsx', '**/*.vue'],
+    ignores: ['**/dist/**'],
+  },
+
+  ...pluginVue.configs['flat/essential'],
+  ...vueTsEslintConfig(),
+]