diff --git a/package-lock.json b/package-lock.json
index a9c7ec4..698c84b 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -18,6 +18,8 @@
                 "css-loader": "^6.7.3",
                 "file-loader": "^6.2.0",
                 "html-webpack-plugin": "^5.5.0",
+                "prettier": "^2.8.2",
+                "prettier-plugin-organize-imports": "^3.2.1",
                 "sass": "^1.57.1",
                 "sass-loader": "^13.2.0",
                 "style-loader": "^3.3.1",
@@ -2896,6 +2898,41 @@
             "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==",
             "dev": true
         },
+        "node_modules/prettier": {
+            "version": "2.8.2",
+            "resolved": "https://registry.npmjs.org/prettier/-/prettier-2.8.2.tgz",
+            "integrity": "sha512-BtRV9BcncDyI2tsuS19zzhzoxD8Dh8LiCx7j7tHzrkz8GFXAexeWFdi22mjE1d16dftH2qNaytVxqiRTGlMfpw==",
+            "dev": true,
+            "bin": {
+                "prettier": "bin-prettier.js"
+            },
+            "engines": {
+                "node": ">=10.13.0"
+            },
+            "funding": {
+                "url": "https://github.com/prettier/prettier?sponsor=1"
+            }
+        },
+        "node_modules/prettier-plugin-organize-imports": {
+            "version": "3.2.1",
+            "resolved": "https://registry.npmjs.org/prettier-plugin-organize-imports/-/prettier-plugin-organize-imports-3.2.1.tgz",
+            "integrity": "sha512-bty7C2Ecard5EOXirtzeCAqj4FU4epeuWrQt/Z+sh8UVEpBlBZ3m3KNPz2kFu7KgRTQx/C9o4/TdquPD1jOqjQ==",
+            "dev": true,
+            "peerDependencies": {
+                "@volar/vue-language-plugin-pug": "^1.0.4",
+                "@volar/vue-typescript": "^1.0.4",
+                "prettier": ">=2.0",
+                "typescript": ">=2.9"
+            },
+            "peerDependenciesMeta": {
+                "@volar/vue-language-plugin-pug": {
+                    "optional": true
+                },
+                "@volar/vue-typescript": {
+                    "optional": true
+                }
+            }
+        },
         "node_modules/pretty-error": {
             "version": "4.0.0",
             "resolved": "https://registry.npmjs.org/pretty-error/-/pretty-error-4.0.0.tgz",
@@ -6518,6 +6555,19 @@
             "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==",
             "dev": true
         },
+        "prettier": {
+            "version": "2.8.2",
+            "resolved": "https://registry.npmjs.org/prettier/-/prettier-2.8.2.tgz",
+            "integrity": "sha512-BtRV9BcncDyI2tsuS19zzhzoxD8Dh8LiCx7j7tHzrkz8GFXAexeWFdi22mjE1d16dftH2qNaytVxqiRTGlMfpw==",
+            "dev": true
+        },
+        "prettier-plugin-organize-imports": {
+            "version": "3.2.1",
+            "resolved": "https://registry.npmjs.org/prettier-plugin-organize-imports/-/prettier-plugin-organize-imports-3.2.1.tgz",
+            "integrity": "sha512-bty7C2Ecard5EOXirtzeCAqj4FU4epeuWrQt/Z+sh8UVEpBlBZ3m3KNPz2kFu7KgRTQx/C9o4/TdquPD1jOqjQ==",
+            "dev": true,
+            "requires": {}
+        },
         "pretty-error": {
             "version": "4.0.0",
             "resolved": "https://registry.npmjs.org/pretty-error/-/pretty-error-4.0.0.tgz",
diff --git a/package.json b/package.json
index ff887ae..eba6252 100644
--- a/package.json
+++ b/package.json
@@ -15,6 +15,8 @@
         "css-loader": "^6.7.3",
         "file-loader": "^6.2.0",
         "html-webpack-plugin": "^5.5.0",
+        "prettier": "^2.8.2",
+        "prettier-plugin-organize-imports": "^3.2.1",
         "sass": "^1.57.1",
         "sass-loader": "^13.2.0",
         "style-loader": "^3.3.1",
diff --git a/src/components/app/index.tsx b/src/components/app/index.tsx
index a271fb8..d0f407b 100644
--- a/src/components/app/index.tsx
+++ b/src/components/app/index.tsx
@@ -1,7 +1,7 @@
 import MushroomCatImage from './mushroom-cat.png';
 
-import Portrait from '../portrait';
 import { FC } from 'react';
+import Portrait from '../portrait';
 
 const App: FC = () => {
     return (
diff --git a/src/index.tsx b/src/index.tsx
index e2346dd..6f138e8 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -1,4 +1,5 @@
 import { createRoot } from 'react-dom/client';
+
 import App from './components/app';
 
 import './index.scss';