test: update examples to pass linting without errors

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/eslint.config.js

@@ -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/src/components/HelloWorld.vue

@@ -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/tsconfig.app.json

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

examples/with-jsx/eslint.config.js

@@ -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(),
+]

examples/with-jsx/src/App.vue

@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import HelloWorld from './components/HelloWorld.vue'
 import TheWelcome from './components/TheWelcome.vue'
+import FooComp from './FooComp'
 </script>
 
 <template>
@@ -10,6 +11,8 @@ import TheWelcome from './components/TheWelcome.vue'
     <div class="wrapper">
       <HelloWorld msg="You did it!" />
     </div>
+
+    <FooComp />
   </header>
 
   <main>

examples/with-jsx/src/FooComp.jsx

@@ -0,0 +1,7 @@
+import { defineComponent } from "vue"
+
+export default defineComponent({
+  setup() {
+    return () => <div>Foo</div>
+  },
+})

examples/with-jsx/tsconfig.app.json

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

examples/with-nightwatch/eslint.config.js

@@ -0,0 +1,22 @@
+import pluginVue from 'eslint-plugin-vue'
+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/e2e/**/*.{js,ts}', '**/__tests__/**/*.{js,ts}'],
+    rules: {
+      'no-unused-expressions': 'off',
+      '@typescript-eslint/no-unused-expressions': 'off',
+      // You can use https://github.com/ihordiachenko/eslint-plugin-chai-friendly for more accurate linting
+    },
+  },
+]

examples/with-nightwatch/nightwatch/nightwatch.d.ts

@@ -1,3 +1,4 @@
+/* eslint-disable @typescript-eslint/no-empty-object-type, @typescript-eslint/no-unused-vars */
 import { NightwatchCustomAssertions, NightwatchCustomCommands } from 'nightwatch'
 
 declare module 'nightwatch' {

examples/with-nightwatch/tests/e2e/example.ts

@@ -9,3 +9,4 @@ describe('My First Test', function () {
 
   after((browser) => browser.end())
 })
+

examples/with-playwright/eslint.config.js

@@ -0,0 +1,19 @@
+import pluginVue from 'eslint-plugin-vue'
+import pluginPlaywright from 'eslint-plugin-playwright'
+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(),
+
+  {
+    ...pluginPlaywright.configs['flat/recommended'],
+    files: ['e2e/**/*.{test,spec}.{js,ts,jsx,tsx}'],
+  },
+]

examples/with-prettier/eslint.config.js

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

examples/with-prettier/package.json

@@ -19,7 +19,7 @@
     "@tsconfig/node20": "^20.1.4",
     "@types/node": "^20.16.5",
     "@vitejs/plugin-vue": "^5.1.4",
-    "@vue/eslint-config-prettier": "^9.0.0",
+    "@vue/eslint-config-prettier": "^10.0.0-rc.2",
     "@vue/eslint-config-typescript": "workspace:*",
     "@vue/tsconfig": "^0.5.1",
     "eslint": "^9.10.0",

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

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