@kouts/eslint-config 1.3.1 → 1.3.2

package/src/prettier.ts

@@ -0,0 +1,12 @@
+import { type Options } from 'prettier'
+
+const configPrettier: Options = {
+  trailingComma: 'all',
+  printWidth: 128,
+  tabWidth: 2,
+  semi: false,
+  singleQuote: true,
+  arrowParens: 'always',
+}
+
+export default configPrettier

package/src/shims.d.ts

@@ -0,0 +1,4 @@
+declare module '@eslint/js'
+declare module 'eslint-plugin-html'
+declare module 'eslint-plugin-import-x'
+declare module 'eslint-plugin-vue'

package/src/typescript.ts

@@ -0,0 +1,37 @@
+import type { Linter } from 'eslint'
+import { plugins } from 'neostandard'
+
+export const typescript: Linter.Config[] = [
+  ...(plugins['typescript-eslint'].configs.recommended as Linter.Config[]),
+  {
+    name: 'kouts/typescript',
+    rules: {
+      // Prefer T[] instead of Array<T>
+      '@typescript-eslint/array-type': ['error', { default: 'array' }],
+
+      // Prefer type over interface for objects
+      '@typescript-eslint/consistent-type-definitions': ['error', 'type'],
+
+      // Fix type imports
+      '@typescript-eslint/consistent-type-imports': [
+        'error',
+        {
+          prefer: 'type-imports',
+          fixStyle: 'inline-type-imports',
+        },
+      ],
+
+      // Allow _ for unused variables
+      '@typescript-eslint/no-unused-vars': [
+        'error',
+        {
+          args: 'none',
+          caughtErrors: 'none',
+          ignoreRestSiblings: true,
+          vars: 'all',
+          argsIgnorePattern: '^_',
+        },
+      ],
+    },
+  },
+]

package/src/vue.ts

@@ -0,0 +1,83 @@
+import type { Linter } from 'eslint'
+import pluginVue from 'eslint-plugin-vue'
+import { plugins } from 'neostandard'
+
+type Options = {
+  version?: 2 | 3
+  ts?: boolean
+}
+
+const vue = (options?: Options) => {
+  const opts: Options = {
+    version: 3,
+    ts: true,
+    ...options,
+  }
+
+  const vueConfig = opts.version === 3 ? pluginVue.configs['flat/recommended'] : pluginVue.configs['flat/vue2-recommended']
+
+  const languageOptions = opts.ts
+    ? {
+        languageOptions: {
+          parserOptions: {
+            parser: plugins['typescript-eslint'].parser,
+          },
+        },
+      }
+    : {}
+
+  const config: Linter.Config[] = [
+    ...vueConfig,
+    {
+      name: 'kouts/vue',
+      files: ['*.vue', '**/*.vue'],
+      ...languageOptions,
+      rules: {
+        // Overrides for vue/(vue3-)recommended preset
+        'vue/max-attributes-per-line': 'off',
+        'vue/singleline-html-element-content-newline': 'off',
+
+        // Strengthen vue/(vue3-)recommended preset for autofix
+        // https://github.com/vuejs/eslint-plugin-vue/blob/master/lib/configs/recommended.js
+        'vue/attributes-order': 'error',
+        'vue/component-tags-order': 'error',
+        'vue/no-lone-template': 'error',
+        'vue/no-multiple-slot-args': 'error',
+        'vue/no-v-html': 'error',
+        'vue/order-in-components': 'error',
+        'vue/this-in-template': 'error',
+        'vue/require-prop-types': 'error',
+
+        // Enforce PascalCase for Vue components
+        'vue/component-name-in-template-casing': ['error', 'PascalCase', { registeredComponentsOnly: false, ignores: [] }],
+
+        // Do not allow inline styles
+        'vue/no-static-inline-styles': ['error', { allowBinding: false }],
+
+        // Require explicit emits
+        'vue/require-explicit-emits': 'error',
+
+        // Require component to have a name property
+        'vue/require-name-property': 'error',
+
+        // Require components that don't have any content to self-close
+        'vue/html-self-closing': [
+          'error',
+          {
+            html: {
+              void: 'always',
+              normal: 'never',
+              component: 'always',
+            },
+            svg: 'always',
+            math: 'always',
+          },
+        ],
+      },
+    },
+  ]
+
+  return config
+}
+
+export { vue }

package/tsconfig.json

@@ -0,0 +1,17 @@
+{
+  "compilerOptions": {
+    "target": "ESNext",
+    "baseUrl": ".",
+    "module": "ESNext",
+    "moduleResolution": "Bundler",
+    "strict": true,
+    "esModuleInterop": true,
+    "skipLibCheck": true
+  },
+  "include": [
+    "**/*.ts"
+  ],
+  "exclude": [
+    "./fixtures/**/*.*"
+  ]
+}