Remove unneeded packages and add intellisense

.eslintrc.json

@@ -1,5 +1,4 @@
 {
-  "ignorePatterns": ["dist", "node_modules"],
   "rules": {
     "prefer-template": "off",
     "no-var": 1,
@@ -13,17 +12,14 @@
     "arrow-body-style": 1,
     "import/no-extraneous-dependencies": ["off", { "devDependencies": false }]
   },
+  "ignorePatterns": ["dist", "node_modules", "webpack.*", "config/paths.js"],
   "env": {
     "browser": true,
     "es6": true
   },
-  "extends": ["eslint:recommended", "airbnb-base", "prettier"],
-  "globals": {
-    "Atomics": "readonly",
-    "SharedArrayBuffer": "readonly"
-  },
+  "extends": ["eslint:recommended", "prettier"],
   "parserOptions": {
-    "ecmaVersion": 11,
+    "ecmaVersion": 2021,
     "sourceType": "module"
   },
   "plugins": ["prettier"],

README.md

@@ -67,7 +67,7 @@ cd dist && http-server
 
 - [`babel-loader`](https://webpack.js.org/loaders/babel-loader/) - Transpile files with Babel and webpack
 - [`sass-loader`](https://webpack.js.org/loaders/sass-loader/) - Load SCSS and compile to CSS
-  - [`node-sass`](https://github.com/sass/node-sass) - Node Sass
+  - [`sass`](https://www.npmjs.com/package/sass) - Node Sass
 - [`postcss-loader`](https://webpack.js.org/loaders/postcss-loader/) - Process CSS with PostCSS
   - [`postcss-preset-env`](https://www.npmjs.com/package/postcss-preset-env) - Sensible defaults for PostCSS
 - [`css-loader`](https://webpack.js.org/loaders/css-loader/) - Resolve CSS imports
@@ -84,11 +84,9 @@ cd dist && http-server
 ### Linters
 
 - [`eslint`](https://github.com/eslint/eslint) - Enforce styleguide across application
-- [`eslint-config-airbnb-base`](https://github.com/airbnb/javascript/tree/master/packages/eslint-config-airbnb-base) - Base styleguide to enforce rules
 - [`eslint-config-prettier`](https://github.com/prettier/eslint-config-prettier) - Implement prettier rules
-- [`eslint-plugin-import`](https://github.com/benmosher/eslint-plugin-import) - Implement import rules
+  - - [`prettier`](https://github.com/prettier/prettier) - Dependency for `prettier-webpack-plugin` plugin
 - [`eslint-import-resolver-webpack`](https://github.com/benmosher/eslint-plugin-import/tree/master/resolvers/webpack) - Throw exceptions for import/export in webpack
-- [`prettier`](https://github.com/prettier/prettier) - Dependency for `prettier-webpack-plugin` plugin
 
 ## Author
 

config/webpack.dev.js

@@ -1,8 +1,6 @@
-const webpack = require('webpack')
 const { merge } = require('webpack-merge')
 
-const common = require('./webpack.common.js')
-const paths = require('./paths')
+const common = require('./webpack.common')
 
 module.exports = merge(common, {
   // Set the mode to development or production

config/webpack.prod.js

@@ -3,7 +3,7 @@ const CssMinimizerPlugin = require('css-minimizer-webpack-plugin')
 const { merge } = require('webpack-merge')
 
 const paths = require('./paths')
-const common = require('./webpack.common.js')
+const common = require('./webpack.common')
 
 module.exports = merge(common, {
   mode: 'production',

jsconfig.json

@@ -0,0 +1,9 @@
+{
+  "compilerOptions": {
+    "baseUrl": "./",
+    "paths": {
+      "@/*": ["./src/*"]
+    },
+    "allowJs": true
+  }
+}