refactor(config): improve project config

.eslintignore

@@ -1,3 +1,4 @@
 node_modules
 .next
+out
 next-env.d.ts

.prettierignore

@@ -1,4 +1,4 @@
 node_modules
 .next
-package.json
+out
 package-lock.json

.stylelintrc

@@ -9,7 +9,7 @@
     "comment-empty-line-before": "never",
     "comment-no-empty": null,
     "color-no-invalid-hex": true,
-    "font-family-name-quotes": "always-where-required",
+    "font-family-name-quotes": "always-where-recommended",
     "max-empty-lines": 1,
     "selector-pseudo-class-no-unknown": [
       true,

.vscode/extensions.json

@@ -3,6 +3,7 @@
     "EditorConfig.EditorConfig",
     "esbenp.prettier-vscode",
     "stylelint.vscode-stylelint",
-    "clinyong.vscode-css-modules"
+    "clinyong.vscode-css-modules",
+    "dbaeumer.vscode-eslint"
   ]
 }

.vscode/settings.json

@@ -1,16 +1,19 @@
 {
   "prettier.configPath": ".prettierrc",
 
+  "editor.bracketPairColorization.enabled": true,
   "editor.formatOnSave": true,
   "editor.codeActionsOnSave": {
     "source.fixAll": true
   },
 
+  "typescript.enablePromptUseWorkspaceTsdk": true,
   "typescript.tsdk": "node_modules/typescript/lib",
 
   "stylelint.validate": ["css", "less", "postcss", "sass", "scss"],
   "stylelint.snippet": ["css", "less", "postcss", "sass", "scss"],
   "cssModules.camelCase": false,
+  "scss.lint.float": "error",
   "[scss]": {
     "editor.defaultFormatter": "esbenp.prettier-vscode"
   }

package.json

@@ -7,10 +7,10 @@
     "start": "next start",
     "lint:next": "next lint",
     "lint:scss": "stylelint \"**/*.scss\"",
-    "lint:prettier": "prettier \".\" --check --ignore-path \".gitignore\"",
-    "lint:typescript": "eslint \"**/*.{js,jsx,ts,tsx}\" --ignore-path \".gitignore\""
+    "lint:prettier": "prettier \".\" --check"
   },
   "dependencies": {
+    "@fontsource/open-sans": "^4.5.8",
     "next": "^12.1.0",
     "react": "17.0.2",
     "react-dom": "17.0.2",
@@ -36,6 +36,7 @@
     "stylelint-config-standard": "^25.0.0",
     "stylelint-config-standard-scss": "^3.0.0",
     "stylelint-scss": "^4.2.0",
-    "typescript": "4.6.2"
+    "typescript": "4.6.2",
+    "typescript-plugin-css-modules": "^3.4.0"
   }
 }

tsconfig.json

@@ -17,8 +17,10 @@
     "resolveJsonModule": true,
     "moduleResolution": "node",
     "lib": ["dom", "dom.iterable", "esnext"],
+    "plugins": [{ "name": "typescript-plugin-css-modules" }],
     "forceConsistentCasingInFileNames": true,
     "paths": {
+      "@/styles/": ["styles/pages/*"],
       "@/components/*": ["components/*"],
       "@/utils/*": ["utils/*"]
     }