fix require is not defined in flat configs for Vue/Svelte projects (#2466)

* yoyo

* use alpha

* use `assert` instead `with`

Author: dimaMachina

.changeset/curly-socks-boil.md

@@ -0,0 +1,5 @@
+---
+'@graphql-eslint/eslint-plugin': patch
+---
+
+fix `require is not defined` in flat configs for Vue/Svelte projects

examples/monorepo/eslint.config.js

@@ -14,7 +14,6 @@ export default [
     processor: graphql.processors.graphql,
     languageOptions: {
       parserOptions: {
-        sourceType: 'module',
         ecmaFeatures: {
           jsx: true,
         },

examples/multiple-projects-graphql-config/.eslintrc.cjs

@@ -0,0 +1,31 @@
+import js from '@eslint/js';
+import * as graphql from '@graphql-eslint/eslint-plugin';
+
+export default [
+  {
+    files: ['**/*.js'],
+    processor: graphql.processors.graphql,
+    rules: js.configs.recommended.rules,
+  },
+  {
+    // Setup GraphQL Parser
+    files: ['**/*.graphql'],
+    plugins: {
+      '@graphql-eslint': { rules: graphql.rules },
+    },
+    languageOptions: {
+      parser: graphql.parser,
+    },
+  },
+  {
+    files: ['schema.*.graphql'],
+    rules: {
+      ...graphql.flatConfigs['schema-recommended'].rules,
+      '@graphql-eslint/require-description': 'off',
+    },
+  },
+  {
+    files: ['**/*.js/*.graphql'],
+    rules: graphql.flatConfigs['operations-recommended'].rules,
+  },
+];

examples/multiple-projects-graphql-config/eslint.config.js

@@ -1,10 +1,11 @@
 {
   "name": "@graphql-eslint/example-multiple-projects-graphql-config",
   "version": "0.0.0",
+  "type": "module",
   "author": "Dimitri POSTOLOV",
   "private": true,
   "scripts": {
-    "lint": "ESLINT_USE_FLAT_CONFIG=false eslint --cache ."
+    "lint": "eslint --cache ."
   },
   "dependencies": {
     "graphql": "16.9.0"

examples/multiple-projects-graphql-config/package.json

@@ -0,0 +1,40 @@
+import svelteParser from 'svelte-eslint-parser';
+import js from '@eslint/js';
+import * as graphql from '@graphql-eslint/eslint-plugin';
+
+export default [
+  {
+    files: ['**/*.js', '**/*.svelte'],
+    processor: graphql.processors.graphql,
+    rules: js.configs.recommended.rules,
+  },
+  {
+    files: ['**/*.svelte'],
+    languageOptions: {
+      parser: svelteParser,
+    },
+  },
+  {
+    files: ['**/*.graphql'],
+    languageOptions: {
+      parser: graphql.parser,
+    },
+    plugins: {
+      '@graphql-eslint': { rules: graphql.rules },
+    },
+    rules: {
+      '@graphql-eslint/no-anonymous-operations': 'error',
+      '@graphql-eslint/no-duplicate-fields': 'error',
+      '@graphql-eslint/naming-convention': [
+        'error',
+        {
+          OperationDefinition: {
+            style: 'PascalCase',
+            forbiddenPrefixes: ['Query', 'Mutation', 'Subscription', 'Get'],
+            forbiddenSuffixes: ['Query', 'Mutation', 'Subscription'],
+          },
+        },
+      ],
+    },
+  },
+];

examples/svelte-code-file/.eslintrc.cjs

@@ -5,7 +5,7 @@
   "author": "Dimitri POSTOLOV",
   "private": true,
   "scripts": {
-    "lint": "ESLINT_USE_FLAT_CONFIG=false eslint --cache ."
+    "lint": "eslint --cache ."
   },
   "dependencies": {
     "graphql": "16.9.0"

examples/svelte-code-file/eslint.config.js

@@ -0,0 +1,40 @@
+import vueParser from 'vue-eslint-parser';
+import js from '@eslint/js';
+import * as graphql from '@graphql-eslint/eslint-plugin';
+
+export default [
+  {
+    files: ['**/*.js', '**/*.vue'],
+    processor: graphql.processors.graphql,
+    rules: js.configs.recommended.rules,
+  },
+  {
+    files: ['**/*.vue'],
+    languageOptions: {
+      parser: vueParser,
+    },
+  },
+  {
+    files: ['**/*.graphql'],
+    languageOptions: {
+      parser: graphql.parser,
+    },
+    plugins: {
+      '@graphql-eslint': { rules: graphql.rules },
+    },
+    rules: {
+      '@graphql-eslint/no-anonymous-operations': 'error',
+      '@graphql-eslint/no-duplicate-fields': 'error',
+      '@graphql-eslint/naming-convention': [
+        'error',
+        {
+          OperationDefinition: {
+            style: 'PascalCase',
+            forbiddenPrefixes: ['Query', 'Mutation', 'Subscription', 'Get'],
+            forbiddenSuffixes: ['Query', 'Mutation', 'Subscription'],
+          },
+        },
+      ],
+    },
+  },
+];