eslint-plugin-alpinejs

An eslint plugin enforcing best practices for Alpine.js

🚀 Getting Started

Install

npm install --save-dev eslint-plugin-alpinejs @html-eslint/parser

ESLint Configuration

Flat Config (ESLint v9+)

// eslint.config.js
import htmlParser from '@html-eslint/parser';
import alpinejs from 'eslint-plugin-alpinejs';

export default [
  {
    files: ['**/*.html'],
    languageOptions: {
      parser: htmlParser,
    },
    plugins: {
      alpinejs,
    },
    rules: {
      'alpinejs/no-raw-dom-access': 'error',
    },
  },
];

Supported Rules

• alpinejs/no-raw-dom-access
• alpinejs/no-unused-xrefs
• alpinejs/prefer-template-x-if