Config Federation

Concept

Set of essential configs for your Vue 3 project.

Forget about dependency hell

This library will handle all the common dependencies and rules. At the same time it will let you modify all the configs for your specific needs.

Installation

npm i -D @config-federation/vue

Usage

Create your config files and import the base presets from the package. Use deepMerge to apply project-specific custom rules.

// eslint.config.js

import { eslintConfig } from "@config-federation/vue";

export default [
  ...eslintConfig,
  // extend here
];

// stylelint.config.js

import { deepMerge, stylelintConfig } from "@config-federation/vue";

const customRules = {
  // extend here
};

export default deepMerge(stylelintConfig, customRules);

// prettier.config.js

import { deepMerge, prettierConfig } from "@config-federation/vue";

const customRules = {
  // extend here
};

export default deepMerge(prettierConfig, customRules);

// vitest.config.js

import { deepMerge, vitestConfig } from "@config-federation/vue";
import { mergeConfig } from "vite";
import viteConfig from "./vite.config";

export default mergeConfig(
  viteConfig,
  deepMerge(vitestConfig, {
    // custom test options here
  })
);