Tweaks and such

.editorconfig

@@ -0,0 +1,9 @@
+root = true
+
+[*]
+charset = utf-8
+end_of_line = lf
+indent_size = 2
+indent_style = space
+insert_final_newline = true
+trim_trailing_whitespace = true

.eslintrc.json

@@ -1,49 +1,34 @@
 {
-    "env": {
-        "browser": true,
-        "es2020": true,
-        "node": true
+  "env": {
+    "browser": true,
+    "es2020": true,
+    "node": true
+  },
+  "extends": [
+    "eslint:recommended",
+    "plugin:react/recommended",
+    "plugin:@typescript-eslint/recommended"
+  ],
+  "parser": "@typescript-eslint/parser",
+  "parserOptions": {
+    "ecmaFeatures": {
+      "jsx": true
     },
-    "extends": [
-        "eslint:recommended",
-        "plugin:react/recommended",
-        "plugin:@typescript-eslint/recommended"
-    ],
-    "parser": "@typescript-eslint/parser",
-    "parserOptions": {
-        "ecmaFeatures": {
-            "jsx": true
-        },
-        "ecmaVersion": 11,
-        "sourceType": "module"
-    },
-    "plugins": [
-        "react",
-        "@typescript-eslint"
-    ],
-    "rules": {
-        "indent": [
-            "error",
-            2
-        ],
-        "linebreak-style": [
-            "error",
-            "unix"
-        ],
-        "quotes": [
-            "error",
-            "single"
-        ],
-        "react/prop-types": 0,
-        "react/react-in-jsx-scope": 0,
-        "semi": [
-            "error",
-            "always"
-        ]
-    },
-    "settings": {
-        "react": {
-            "version": "latest"
-        }
+    "ecmaVersion": 11,
+    "sourceType": "module"
+  },
+  "plugins": ["react", "@typescript-eslint"],
+  "rules": {
+    "indent": ["error", 2],
+    "linebreak-style": ["error", "unix"],
+    "quotes": ["error", "single"],
+    "react/prop-types": 0,
+    "react/react-in-jsx-scope": 0,
+    "semi": ["error", "always"]
+  },
+  "settings": {
+    "react": {
+      "version": "latest"
     }
+  }
 }

.stylelintrc.json

@@ -1,6 +1,6 @@
 {
-    "extends": "stylelint-config-standard",
-    "rules": {
-        "declaration-empty-line-before": null
-    }
+  "extends": "stylelint-config-standard",
+  "rules": {
+    "declaration-empty-line-before": null
+  }
 }

components/Blog.tsx

@@ -2,7 +2,7 @@ import type { FC } from 'react';
 import BlogIcon from '../assets/svg/blog.svg';
 
 type PostType = {
-  id: string,
+  id: string;
   title: string;
   content: string;
 };

components/Clock.tsx

@@ -45,11 +45,7 @@ export const Clock: FC = () => {
   }, []);
 
   return (
-    <time
-      className={styles.clock}
-      dateTime={time24}
-      title={date}
-    >
+    <time className={styles.clock} dateTime={time24} title={date}>
       {time12}
     </time>
   );

package.json

@@ -9,7 +9,8 @@
     "dev": "next dev",
     "export": "next export",
     "start": "next start",
-    "lint": "eslint **/*.tsx *.ts *.js && stylelint styles/*.*css"
+    "lint": "eslint **/*.tsx *.ts *.js && stylelint styles/*.*css",
+    "prettier": "prettier --write ."
   },
   "dependencies": {
     "next": "^9.5.2",
@@ -35,7 +36,6 @@
     "typescript": "^3.9.7"
   },
   "prettier": {
-    "printWidth": 65,
     "singleQuote": true,
     "trailingComma": "none"
   }

styles/Clock.module.scss

@@ -1,11 +1,7 @@
 @import 'variables';
 
 .clock {
-  color:
-    rgba(
-      map-get($textColor, clock),
-      map-get($textOpacity, clock)
-    );
+  color: rgba(map-get($textColor, clock), map-get($textOpacity, clock));
   font-size: map-get($fontSize, clock);
 
   height: map-get($height, taskbar);
@@ -21,10 +17,9 @@
   z-index: map-get($zIndex, clock);
 
   &:hover {
-    background-color:
-      rgba(
-        invert(map-get($backgroundColor, taskbar)),
-        map-get($backgroundColorOpacityOnHover, clock)
-      );
+    background-color: rgba(
+      invert(map-get($backgroundColor, taskbar)),
+      map-get($backgroundColorOpacityOnHover, clock)
+    );
   }
 }

styles/Taskbar.module.scss

@@ -1,11 +1,10 @@
 @import 'variables';
 
 .taskbar {
-  background-color:
-    rgba(
-      map-get($backgroundColor, taskbar),
-      map-get($backgroundColorOpacity, taskbar)
-    );
+  background-color: rgba(
+    map-get($backgroundColor, taskbar),
+    map-get($backgroundColorOpacity, taskbar)
+  );
 
   height: map-get($height, taskbar);
   width: 100vw;

styles/TaskbarEntry.module.scss

@@ -22,11 +22,10 @@
   z-index: map-get($zIndex, taskbar-entry);
 
   &:hover {
-    background-color:
-      rgba(
-        invert(map-get($backgroundColor, taskbar)),
-        map-get($backgroundColorOpacityOnHover, taskbar-entry)
-      );
+    background-color: rgba(
+      invert(map-get($backgroundColor, taskbar)),
+      map-get($backgroundColorOpacityOnHover, taskbar-entry)
+    );
   }
 
   svg {