@blouflashdb/eslint-plugin-pinia

eslint-plugin-pinia

Eslint plugin that enforces some best practices for writing pinia stores

Installation

You'll first need to install ESLint:

npm i eslint --save-dev

Next, install @blouflashdb/eslint-plugin-pinia:

npm install @blouflashdb/eslint-plugin-pinia --save-dev

Usage

With @antfu/eslint-config

This plugin is designed to work seamlessly with @antfu/eslint-config:

// eslint.config.mjs
import antfu from '@antfu/eslint-config'
import pinia from '@blouflashdb/eslint-plugin-pinia'

export default antfu(
  {
    vue: true,
  },
  {
    plugins: {
      pinia,
    },
    rules: {
      'pinia/never-export-initialized-store': 'error',
      'pinia/no-duplicate-store-ids': 'error',
      'pinia/no-return-global-properties': 'error',
      'pinia/no-store-to-refs-in-store': 'error',
      'pinia/prefer-use-store-naming-convention': 'warn',
      'pinia/require-setup-store-properties-export': 'error',
    },
  },
)

Flat Config (eslint.config.js)

Add pinia to the plugins section and configure the rules you want to use:

// eslint.config.mjs
import pinia from '@blouflashdb/eslint-plugin-pinia'

export default [
  {
    plugins: {
      pinia,
    },
    rules: {
      'pinia/never-export-initialized-store': 'error',
      'pinia/no-duplicate-store-ids': 'error',
      'pinia/no-return-global-properties': 'error',
      'pinia/no-store-to-refs-in-store': 'error',
      'pinia/prefer-use-store-naming-convention': 'warn',
      'pinia/require-setup-store-properties-export': 'error',
    },
  },
]

Rules

Licence

MIT