eslint-plugin-svelte-bootstrap-icons

An ESLint plugin that enforces direct imports of Svelte Bootstrap Icons to improve application performance.

Installation

1npm install eslint-plugin-svelte-bootstrap-icons

Usage

To use the recommended configuration, add the following to your eslint configuration:

1
2import eslintPluginSvelteBootstrapIcons from 'eslint-plugin-svelte-bootstrap-icons';
3
4export default tseslint.config({
5	eslintPluginSvelteBootstrapIcons.configs.recommended,
6});

The Problem

When importing icons from svelte-bootstrap-icons using the barrel file (index), like this:

1import { Alarm, Bell } from 'svelte-bootstrap-icons';

This will import all icons, which can lead to a large bundle size and slow down your application.

The Solution

This ESLint plugin will enforce direct imports of icons, like this:

1import Alarm from 'svelte-bootstrap-icons/lib/Alarm.svelte';

Rule Details

The rule svelte-bootstrap-icons/direct-icon-imports will:

• ❌ Prevent imports from the barrel file
• ✅ Allow direct imports from individual icon files
• 🔧 Automatically fix incorrect import