@vheissulabs/prettier-config 1.3.0 → 1.7.0

package/README.md

@@ -1,6 +1,6 @@
 # @vheissulabs/prettier-config
 
-Shared Prettier configuration for VheissuLabs projects.
+Shared Prettier and ESLint configuration for VheissuLabs projects.
 
 ## Installation
 
@@ -8,7 +8,7 @@ Shared Prettier configuration for VheissuLabs projects.
 npm install --save-dev @vheissulabs/prettier-config
 ```
 
-## Usage
+## Prettier Usage
 
 Run the init script to automatically add the config to your package.json:
 
@@ -24,13 +24,7 @@ Or manually add to your `package.json`:
 }
 ```
 
-Or create a `.prettierrc.js`:
-
-```js
-module.exports = require('@vheissulabs/prettier-config')
-```
-
-### Extending the config
+### Extending Prettier config
 
 ```js
 module.exports = {
@@ -39,16 +33,52 @@ module.exports = {
 }
 ```
 
+## ESLint Usage (Vue)
+
+Install peer dependencies:
+
+```bash
+npm install --save-dev eslint eslint-plugin-vue
+```
+
+Create `eslint.config.js` in your project:
+
+```js
+const vheissuConfig = require('@vheissulabs/prettier-config/eslint')
+
+module.exports = [
+  ...vheissuConfig,
+  // Your overrides here
+]
+```
+
+### What ESLint enforces
+
+Forces Vue template content to new lines:
+
+```vue
+<!-- Before (Prettier output) -->
+<PrimaryButton @click="save">Save</PrimaryButton>
+
+<!-- After (ESLint fix) -->
+<PrimaryButton @click="save">
+    Save
+</PrimaryButton>
+```
+
 ## What's included
 
+### Prettier
 - 4 space indentation
 - No semicolons
 - Single quotes
 - Vue script/style indentation
 - Single attribute per line
-- Import sorting (no blank lines between groups):
-  1. `vue`
-  2. `@laravel/*`
-  3. `@/layouts/*`
-  4. `@/components/*`
-  5. Relative imports
+- HTML whitespace sensitivity: ignore
+- Import sorting (no blank lines between groups)
+
+### ESLint (Vue)
+- Single-line element content forced to new line
+- Closing bracket on new line for multiline elements
+- Max 1 attribute per line
+- 4 space HTML indentation

package/bin/init.js

@@ -12,22 +12,44 @@ if (!fs.existsSync(packageJsonPath)) {
 
 const packageJson = JSON.parse(fs.readFileSync(packageJsonPath, 'utf8'))
 
+// Detect if project uses ES modules
+const isESModule = packageJson.type === 'module'
+const eslintExt = isESModule ? 'cjs' : 'js'
+const eslintConfigPath = path.join(process.cwd(), `eslint.config.${eslintExt}`)
+
+// Check for existing eslint config (either .js or .cjs)
+const existingConfigs = ['eslint.config.js', 'eslint.config.cjs', 'eslint.config.mjs']
+  .map(f => path.join(process.cwd(), f))
+  .filter(f => fs.existsSync(f))
+
+// Add Prettier config
 if (packageJson.prettier) {
   console.log('⚠️  Prettier config already exists in package.json')
-  console.log('   Current value:', JSON.stringify(packageJson.prettier))
-  process.exit(0)
-}
+} else {
+  packageJson.prettier = '@vheissulabs/prettier-config'
 
-packageJson.prettier = '@vheissulabs/prettier-config'
+  const originalContent = fs.readFileSync(packageJsonPath, 'utf8')
+  const indent = originalContent.match(/^(\s+)/m)?.[1] || '  '
 
-// Preserve formatting by detecting indent
-const originalContent = fs.readFileSync(packageJsonPath, 'utf8')
-const indent = originalContent.match(/^(\s+)/m)?.[1] || '  '
+  fs.writeFileSync(
+    packageJsonPath,
+    JSON.stringify(packageJson, null, indent.length) + '\n'
+  )
+  console.log('✅ Added prettier config to package.json')
+}
+
+// Add ESLint config
+if (existingConfigs.length > 0) {
+  console.log(`⚠️  ESLint config already exists: ${path.basename(existingConfigs[0])}`)
+} else {
+  const eslintConfig = `const vheissuConfig = require('@vheissulabs/prettier-config/eslint')
 
-fs.writeFileSync(
-  packageJsonPath,
-  JSON.stringify(packageJson, null, indent.length) + '\n'
-)
+module.exports = [...vheissuConfig]
+`
+  fs.writeFileSync(eslintConfigPath, eslintConfig)
+  console.log(`✅ Created eslint.config.${eslintExt}${isESModule ? ' (CommonJS for ES module project)' : ''}`)
+}
 
-console.log('✅ Added prettier config to package.json')
-console.log('   "prettier": "@vheissulabs/prettier-config"')
+console.log('')
+console.log('📦 Install peer dependencies:')
+console.log('   npm install --save-dev eslint eslint-plugin-vue typescript-eslint')

package/eslint.config.js

@@ -0,0 +1,52 @@
+const vue = require('eslint-plugin-vue')
+
+// Try to load typescript-eslint if available
+let tseslint = null
+try {
+  tseslint = require('typescript-eslint')
+} catch (e) {
+  // typescript-eslint not installed, skip TS support
+}
+
+const baseConfig = [
+  ...vue.configs['flat/recommended'],
+  {
+    rules: {
+      // Force element content to new line
+      'vue/singleline-html-element-content-newline': ['error', {
+        ignoreWhenNoAttributes: false,
+        ignoreWhenEmpty: true,
+      }],
+      // Force closing bracket to new line
+      'vue/html-closing-bracket-newline': ['error', {
+        singleline: 'never',
+        multiline: 'always',
+      }],
+      // Max attributes per line
+      'vue/max-attributes-per-line': ['error', {
+        singleline: 1,
+        multiline: 1,
+      }],
+      // Consistent indentation in templates
+      'vue/html-indent': ['error', 4],
+      // Disable rules that conflict with Prettier
+      'vue/html-self-closing': 'off',
+      // Allow single-word component names (common in page components)
+      'vue/multi-word-component-names': 'off',
+    },
+  },
+]
+
+// Add TypeScript support for Vue files if typescript-eslint is available
+if (tseslint) {
+  baseConfig.push({
+    files: ['**/*.vue'],
+    languageOptions: {
+      parserOptions: {
+        parser: tseslint.parser,
+      },
+    },
+  })
+}
+
+module.exports = baseConfig

package/package.json

@@ -1,16 +1,22 @@
 {
   "name": "@vheissulabs/prettier-config",
-  "version": "1.3.0",
-  "description": "Shared Prettier configuration for VheissuLabs projects",
+  "version": "1.7.0",
+  "description": "Shared Prettier and ESLint configuration for VheissuLabs projects",
   "main": "index.js",
+  "exports": {
+    ".": "./index.js",
+    "./eslint": "./eslint.config.js"
+  },
   "bin": {
     "vheissu-prettier-init": "./bin/init.js"
   },
   "keywords": [
     "prettier",
+    "eslint",
     "config",
     "vheissulabs",
-    "tailwindcss"
+    "tailwindcss",
+    "vue"
   ],
   "author": "Karl Miller",
   "license": "MIT",
@@ -20,11 +26,23 @@
   },
   "peerDependencies": {
     "prettier": ">=3.0.0",
-    "prettier-plugin-tailwindcss": ">=0.5.0"
+    "prettier-plugin-tailwindcss": ">=0.5.0",
+    "eslint": ">=9.0.0",
+    "eslint-plugin-vue": ">=9.0.0",
+    "typescript-eslint": ">=8.0.0"
   },
   "peerDependenciesMeta": {
     "prettier-plugin-tailwindcss": {
       "optional": true
+    },
+    "eslint": {
+      "optional": true
+    },
+    "eslint-plugin-vue": {
+      "optional": true
+    },
+    "typescript-eslint": {
+      "optional": true
     }
   },
   "dependencies": {