#80 decided to stick with cjs for configs for now

packages/style-guide/README.md

@@ -32,11 +32,11 @@ The following configs are available, and are designed to be used together.
 >
 > See: https://prettier.io/docs/en/install.html
 
-To use the shared Prettier config, set the following in `package.json`.
+To use the shared Prettier config, set the following in `package.json`:
 
 ```json
 {
-  "prettier": "@vercel/style-guide/prettier"
+  "prettier": "@blgc/style-guide/prettier"
 }
 ```
 
@@ -45,9 +45,11 @@ To use the shared Prettier config, set the following in `package.json`.
 > Note: Typescript is a peer-dependency of this package, and should be installed
 > at the root of your project.
 
+To use the shared Typescript config, set the following in `tsconfig.json`:
+
 ```json
 {
-	"extends": "@blgc/style-guide/typescript/react-library",
+	"extends": "@blgc/style-guide/typescript/library",
 	"compilerOptions": {
 		"outDir": "./dist",
 		"rootDir": "./src",
@@ -64,18 +66,27 @@ To use the shared Prettier config, set the following in `package.json`.
 >
 > See: https://eslint.org/docs/user-guide/getting-started#installation-and-usage
 
+
+To use the shared ESLint config, set the following in `eslint.config.js`:
+
 ```js
+const styleGuide = require('@blgc/style-guide/eslint/library');
+
 /**
  * @type {import('eslint').Linter.Config}
  */
-module.exports = {
-	root: true,
-	extends: [require.resolve('@blgc/style-guide/eslint/react-internal'), 'plugin:storybook/recommended']
-};
+module.exports = [
+    ...styleGuide,
+	{
+		// Any additional custom rules
+	}
+];
 ```
 
 ### [Vitest](https://vitest.dev/)
 
+To use the shared Vitest config, set the following in `vitest.config.js`:
+
 ```js
 const { defineConfig, mergeConfig } = require('vitest/config');
 const { nodeConfig } = require('@blgc/style-guide/vite/library');

packages/style-guide/eslint/base.js

@@ -1,15 +1,16 @@
-import js from '@eslint/js';
-import eslintConfigPrettier from 'eslint-config-prettier';
-import onlyWarn from 'eslint-plugin-only-warn';
-import turboPlugin from 'eslint-plugin-turbo';
-import tseslint from 'typescript-eslint';
+const js = require('@eslint/js');
+const eslintConfigPrettier = require('eslint-config-prettier');
+const onlyWarn = require('eslint-plugin-only-warn');
+const turboPlugin = require('eslint-plugin-turbo');
+const tseslint = require('typescript-eslint');
 
 /**
  * Base ESLint configuration.
  *
+ * @see https://eslint.org/docs/latest/use/configure/configuration-files
  * @type {import("eslint").Linter.Config}
- * */
-export const config = [
+ */
+module.exports = [
 	js.configs.recommended,
 	eslintConfigPrettier,
 	...tseslint.configs.recommended,

packages/style-guide/eslint/library.js

@@ -1,11 +1,12 @@
-import { config as baseConfig } from './base.js';
+const { baseConfig } = require('./base.js');
 
 /**
  * ESLint configuration for TypeScript libraries.
  *
+ * @see https://eslint.org/docs/latest/use/configure/configuration-files
  * @type {import("eslint").Linter.Config}
  */
-export const libraryConfig = [
+module.exports = [
 	...baseConfig,
 	{
 		rules: {}

packages/style-guide/eslint/next.js

@@ -1,16 +1,16 @@
-import pluginNext from '@next/eslint-plugin-next';
-import pluginReact from 'eslint-plugin-react';
-import pluginReactHooks from 'eslint-plugin-react-hooks';
-import globals from 'globals';
-
-import { config as baseConfig } from './base.js';
+const pluginNext = require('@next/eslint-plugin-next');
+const pluginReact = require('eslint-plugin-react');
+const pluginReactHooks = require('eslint-plugin-react-hooks');
+const globals = require('globals');
+const { baseConfig } = require('./base.js');
 
 /**
  * ESLint configuration for applications that use Next.js.
  *
+ * @see https://eslint.org/docs/latest/use/configure/configuration-files
  * @type {import("eslint").Linter.Config}
- * */
-export const nextJsConfig = [
+ */
+module.exports = [
 	...baseConfig,
 	{
 		...pluginReact.configs.flat.recommended,

packages/style-guide/eslint/react-internal.js

@@ -1,14 +1,15 @@
-import pluginReact from 'eslint-plugin-react';
-import pluginReactHooks from 'eslint-plugin-react-hooks';
-import globals from 'globals';
-
-import { config as baseConfig } from './base.js';
+const pluginReact = require('eslint-plugin-react');
+const pluginReactHooks = require('eslint-plugin-react-hooks');
+const globals = require('globals');
+const baseConfig = require('./base.js');
 
 /**
  * ESLint configuration for applications and libraries that use ReactJs.
  *
- * @type {import("eslint").Linter.Config} */
-export const config = [
+ * @see https://eslint.org/docs/latest/use/configure/configuration-files
+ * @type {import("eslint").Linter.Config}
+ */
+module.exports = [
 	...baseConfig,
 	pluginReact.configs.flat.recommended,
 	{

packages/style-guide/prettier/index.js

@@ -1,5 +1,6 @@
 /**
- * @type {import("@ianvs/prettier-plugin-sort-imports").PrettierConfig}
+ * @see https://prettier.io/docs/en/configuration.html
+ * @type {import("prettier").Config}
  */
 module.exports = {
 	// Editor Config Overrides